Limbajul de marcare hipertext (HTML) este o setare pe care un designer o poate folosi pentru a specifica distanța dintre conținut și chenarul elementului care îl conține. Aceasta diferă de margine, care este spațiul dintre diferitele elemente. Această proprietate poate fi setată în HTML sau în foi de stil în cascadă (CSS) pentru a afecta aspectul și senzația unui design. Unele elemente de umplutură HTML pot fi necesare din punct de vedere estetic pentru ca ceva să arate corect sau ar putea fi critică pentru funcția conținutului, care ar putea să nu fie citit fără margini adecvate.
Designerii pot specifica cantitatea de umplutură în em, procente, pixeli sau puncte, în funcție de preferințele lor și de natura proiectului. Când decideți ce unități să utilizați, este recomandabil să fiți consecvenți pe tot parcursul designului pentru a vă asigura că toate elementele vor funcționa bine împreună. Dacă umplutura HTML este măsurată în pixeli într-un singur loc, de exemplu, ar trebui să fie măsurată în pixeli peste tot în altă parte.
În toate cazurile, umplutura HTML îi spune browserului web să creeze spațiu liber între marginile conținutului și chenarul elementului care îl conține. Într-un tabel, de exemplu, oamenii de obicei nu doresc ca textul să apară chiar lângă marginea unui câmp, deoarece acest lucru poate face tabelul greu de citit. Acestea adaugă umplutură pentru a crea spațiu alb în jurul conținutului și pentru a face aranjarea câmpurilor mai ușor de văzut.
Designerii pot specifica umplutură HTML pentru partea de sus, de jos și laturi pentru a controla bine aspectul conținutului din interiorul containerelor. Se pot adăuga și marje suplimentare între containere, dacă se dorește. Pe un blog, de exemplu, autorul ar putea dori să creeze o bară laterală care să meargă alături de conținutul principal. Marginile și marginile îl pot diferenția clar de conținutul postărilor de pe blog. Căptușeala poate asigura că conținutul barei laterale nu se ridică la margine, ceea ce ar putea să nu arate foarte atractiv.
Sistemul de operare, versiunea browserului și monitorul pot afecta modul în care conținutul este afișat pe web. Designerii trebuie să se gândească la acest lucru atunci când dezvoltă pagini web pentru a se asigura că conținutul va fi lizibil pentru majoritatea utilizatorilor web, pentru a ajunge la cea mai mare audiență posibilă. O altă problemă de luat în considerare este ce se poate întâmpla dacă utilizatorul crește sau scade dimensiunea textului. Proprietăți precum umplutura HTML pot preveni depășirea textului și alte probleme care ar putea face dificilă pentru utilizatori să ajusteze dimensiunea fontului pentru viziunea lor sau pentru un dispozitiv mobil.