O marjă HTML (Hypertext Markup Language) este o proprietate care determină spațierea elementelor din exterior. Poate fi folosit în context cu căptușeală, spațiul din interiorul elementelor, pentru a organiza vizual obiectele. Marjele pot fi necesare pentru ușurința citirii, precum și în scopuri estetice. Atunci când elementele sunt înghesuite strâns, poate oferi unui site un aspect ocupat, care poate fi dezamăgitor pentru utilizatori. Spațierea corectă cu o marjă HTML creează un aspect mai echilibrat, uniform, care rămâne interesant din punct de vedere vizual, dar nu copleșitor.
Când un dezvoltator setează marja HTML, aceasta poate lua până la patru valori. Dacă este dată o singură valoare, browserul va presupune că marginile din jurul obiectului ar trebui să fie aceleași pe toate părțile. Pentru două valori, va folosi prima pentru partea de sus și de jos, iar a doua pentru stânga și dreapta. Trei valori conturează marginea superioară, măsurătorile laterale și partea de jos. În cazurile în care toate cele patru sunt definite, browserul va seta partea de sus, stânga, dreapta și jos așa cum este specificat.
Fiecare marjă HTML oferă un spațiu vizual în jurul exteriorului unui element. Într-un exemplu clasic, un designer web poate avea o bară de navigare în partea de sus a unei pagini. Fără margini, următorul element, ca o casetă cu conținut, s-ar lovi imediat de bara de navigare. Acest lucru nu ar părea foarte plăcut și, de asemenea, ar putea face site-ul dificil de utilizat de către utilizatori. O marjă HTML ar putea oferi spațiu în jurul conținutului, creând spațiu liber între meniu și conținut pentru a le separa vizual.
Designerii pot seta o marjă HTML ca procent sau într-o valoare precum em sau pixeli. Cea mai bună opțiune poate depinde de preferințele designerului și de aspectul general al site-ului. Este important să folosiți măsurători consecvente în proiectare. Dacă marjele sunt date în procente, de exemplu, așa ar trebui să fie umplute, pentru a evita conflictele.
O altă considerație poate fi modificări ale dimensiunii ecranului sau ale afișajului, care pot apărea pe dispozitive mobile sau computere în care utilizatorii măresc conținutul pentru a fi lizibil. Dacă designul nu este flexibil, conținutul se poate vărsa din containere, se poate scurge de pe pagină sau nu se poate mări corespunzător. Acest lucru poate face site-ul greu de citit și, în unele cazuri, poate sparge conținutul, astfel încât utilizatorii să nu-l acceseze deloc. În timpul testării, designerii pot explora mai multe browsere diferite și ar putea experimenta cu mărirea și micșorarea pentru a vedea ce se întâmplă cu afișajul.