I codici di sfondo per HyperText Markup Language (HTML) sono proprietà di elementi a livello di blocco che possono modificare l’aspetto dell’area dietro il testo e le immagini visualizzati su una pagina web. Utilizzando i codici di sfondo HTML, è possibile modificare il colore di sfondo di una pagina o definire e visualizzare un’immagine come sfondo. Questi codici possono essere utilizzati come proprietà del tag body HTML o definiti in modo più specifico con fogli di stile a cascata (CSS). Sebbene i codici HTML di sfondo possano aiutare a migliorare l’aspetto di una pagina Web, possono anche causare problemi con la leggibilità della pagina se non testati correttamente. Inoltre, alcuni codici in background sono stati deprezzati, in particolare le proprietà del tag body HTML, e potrebbero non essere visualizzati correttamente se non definiti con le proprietà CSS.
Sia la proprietà background del tag body HTML che la proprietà background-image CSS consentono a un designer di specificare un file che può essere utilizzato come immagine di sfondo di un sito web. Quando un’immagine viene definita utilizzando la proprietà background del tag body, l’immagine viene applicata allo sfondo dell’intera pagina. Se viene utilizzata la proprietà CSS background-image, l’immagine può essere confinata a un singolo elemento a livello di blocco, come una tabella o una casella di testo. L’immagine può essere quasi qualsiasi cosa, sebbene la maggior parte dei browser non visualizzi le animazioni in formato di interscambio grafico (gif) come immagine di sfondo e invece potrebbe mostrare solo il primo fotogramma.
Altri codici di sfondo possono essere utilizzati con il tag body e ulteriori proprietà CSS. Consentono di definire un’immagine come ripetuta su tutto lo sfondo verticalmente, orizzontalmente o entrambi. I codici di sfondo HTML possono essere utilizzati anche per allineare un’immagine a un’area specifica dello schermo, come l’angolo in basso a destra. Le proprietà CSS possono accettare percentuali o posizioni dei pixel come argomenti, fornendo un metodo per posizionare le immagini in posizioni molto specifiche.
Esiste anche un insieme più semplice di codici di sfondo HTML che si occupano della definizione di un colore a tinta unita come sfondo per un sito web. Proprio come con le immagini, l’applicazione del colore all’interno del tag body cambierà il colore di sfondo dell’intera pagina, mentre la modifica delle proprietà del corpo CSS limiterà la modifica a un singolo elemento a livello di blocco. È importante notare che alcuni browser Web consentono agli utenti di disabilitare la visualizzazione di immagini e colori di sfondo.
I codici di sfondo HTML a volte possono essere visualizzati in modo improprio o disabilitati, quindi è considerata una cattiva pratica di progettazione fare molto affidamento sul colore di un’immagine di sfondo per trasmettere informazioni vitali al visualizzatore del sito web. Allo stesso modo, se il colore del testo e dello sfondo sono invertiti e lo sfondo non viene visualizzato correttamente, i visitatori del sito Web potrebbero non vedere alcun testo. Mantenere un colore del testo scuro su uno sfondo chiaro può aiutare a rendere visibile un sito web anche se lo sfondo non è mostrato nel colore desiderato.