In HTML, cos’è un tag di sfondo?

Non esiste un tag di sfondo in HTML. Quello che avrebbe potuto essere chiamato un tag di sfondo nelle versioni precedenti di HTML, l’attributo di sfondo del tag HTML, veniva utilizzato per visualizzare un’immagine di sfondo per una pagina web. L’attuale raccomandazione del World Wide Web Consortium (W3C) è HTML 4.01/XHTML 1.0. In questa raccomandazione, l’attributo background è deprecato: non è più considerato HTML valido. Anche l’attributo correlato bgcolor, che potrebbe essere considerato un tag di sfondo, è deprecato.

I fogli di stile a cascata (CSS) dovrebbero essere usati per impostare tutti gli effetti di sfondo in una pagina web HTML o XHTML valida. L’uso dei CSS per definire le proprietà dello sfondo è molto più flessibile rispetto al metodo precedente. L’attributo background, o tag di sfondo, era limitato alla visualizzazione di un’immagine di sfondo. Le proprietà dello sfondo nei CSS possono definire dove inizia l’immagine di sfondo, come si ripete e se scorre con il resto della pagina o rimane nello stesso posto. Le proprietà di sfondo CSS possono essere applicate a un’intera pagina Web o a elementi della pagina.

Le proprietà dello sfondo includono colore di sfondo, immagine di sfondo, allegato di sfondo, posizione di sfondo e ripetizione dello sfondo. Tutte queste proprietà possono essere consolidate nella proprietà background invece di essere impostate come proprietà separate. Questa è chiamata proprietà abbreviata.

Come il vecchio attributo bgcolor, background-color può avere la forma di un valore RGB, un codice esadecimale o un nome di colore. Lo sfondo di qualsiasi elemento a cui viene applicata questa proprietà verrà visualizzato in quel colore. Il valore per background-image è l’URL dell’immagine.

Le altre proprietà — collegamento in background, posizione dello sfondo e ripetizione dello sfondo — possono essere definite, ma in caso contrario verranno utilizzati i valori predefiniti. La ripetizione dello sfondo viene utilizzata per ripetere lo sfondo verticalmente o orizzontalmente; per impostazione predefinita, si ripete verticalmente e orizzontalmente. L’allegato di sfondo fa scorrere l’immagine di sfondo con il resto della pagina, che è l’impostazione predefinita, o rimane in un posto. La posizione di sfondo predefinita è l’angolo superiore sinistro dell’elemento.

Browser Web diversi possono visualizzare le proprietà dello sfondo in modo diverso o richiedere definizioni più specifiche nel CSS. Ad esempio, anche se Internet Explorer® 8 supporta il valore di ereditarietà per alcune proprietà, non lo supporta per le proprietà in background. In Firefox®, la proprietà background-position non funziona correttamente se la proprietà background-attachment non è impostata su fissa. Gli sviluppatori dovrebbero testare le proprie pagine in una varietà di browser per assicurarsi che le pagine vengano visualizzate come previsto.