Il riempimento HTML (Hypertext Markup Language) è un’impostazione che un designer può utilizzare per specificare la distanza tra il contenuto e il bordo dell’elemento che lo contiene. Questo differisce dal margine, che è lo spazio tra i diversi elementi. Questa proprietà può essere impostata in HTML o fogli di stile a cascata (CSS) per influenzare l’aspetto di un design. Un po’ di padding HTML potrebbe essere esteticamente necessario per far apparire bene qualcosa, o potrebbe essere fondamentale per la funzione del contenuto, che potrebbe non essere leggibile senza margini appropriati.
I progettisti possono specificare la quantità di riempimento in em, percentuale, pixel o punti, a seconda delle loro preferenze e della natura del progetto. Quando si decide quali unità utilizzare, è consigliabile essere coerenti durante tutto il progetto per garantire che tutti gli elementi funzionino bene insieme. Se il padding HTML viene misurato in pixel in un punto, ad esempio, dovrebbe essere misurato in pixel anche altrove.
In tutti i casi, la spaziatura interna HTML indica al browser Web di creare uno spazio vuoto tra i bordi del contenuto e il bordo dell’elemento contenitore. In una tabella, ad esempio, le persone di solito non vogliono che il testo scorra proprio contro il bordo di un campo, perché ciò può rendere difficile la lettura della tabella. Aggiungono il riempimento per creare uno spazio bianco attorno al contenuto e rendono più facile vedere la disposizione dei campi.
I progettisti possono specificare il riempimento HTML per la parte superiore, inferiore e laterale per controllare strettamente l’aspetto del contenuto all’interno dei contenitori. Se lo si desidera, è possibile aggiungere margini aggiuntivi tra i contenitori. Su un blog, ad esempio, l’autore potrebbe voler creare una barra laterale che si accompagni al contenuto principale. Margini e bordi possono differenziarlo chiaramente dal contenuto dei post del blog. Il riempimento può garantire che il contenuto della barra laterale non vada a sbattere contro il bordo, il che potrebbe non sembrare molto attraente.
Il sistema operativo, la versione del browser e il monitor possono influenzare il modo in cui i contenuti vengono visualizzati sul Web. I progettisti devono pensare a questo quando sviluppano pagine Web per garantire che il contenuto sia leggibile per la maggior parte degli utenti Web, al fine di raggiungere il pubblico più vasto possibile. Un altro problema da considerare è cosa può accadere se l’utente aumenta o diminuisce la dimensione del testo. Proprietà come la spaziatura interna HTML possono prevenire sovraccarichi di testo e altri problemi che potrebbero rendere difficile per gli utenti regolare la dimensione del carattere per la propria visione o un dispositivo mobile.