En HTML, qu'est-ce qu'une balise de fond?
Il n’existe pas de balise d’arrière-plan en HTML. Ce que l’on aurait pu appeler une balise d’arrière-plan dans les versions antérieures de HTML - l’attribut arrière-plan de la balise HTML <BODY> - était utilisé pour afficher une image d’arrière-plan pour une page Web. La recommandation actuelle du World Wide Web Consortium (W3C) est HTML 4.01 / XHTML 1.0. Dans cette recommandation, l'attribut background est obsolète : il n'est plus considéré comme un code HTML valide. L'attribut <BODY> associé , bgcolor , qui pourrait être considéré comme une balise d'arrière-plan, est également obsolète.
Les feuilles de style en cascade (CSS) doivent être utilisées pour définir tous les effets d’arrière-plan d’une page Web HTML ou XHTML valide. L'utilisation de CSS pour définir les propriétés de l'arrière-plan est beaucoup plus flexible que l'ancienne méthode. L'attribut d'arrière-plan, ou balise d'arrière-plan, était limité à l'affichage d'une image d'arrière-plan. Les propriétés d’arrière-plan dans CSS permettent de définir le point de départ de l’image d’arrière-plan, son mode de répétition, son défilement avec le reste de la page ou son maintien au même endroit. Les propriétés d'arrière-plan CSS peuvent être appliquées à une page Web entière ou à des éléments de la page.
Les propriétés d' arrière-plan comprennent couleur d' arrière-plan , image d' arrière- plan , pièce jointe d' arrière-plan , position d' arrière-plan et répétition d'arrière-plan . Toutes ces propriétés peuvent être consolidées sous la propriété background au lieu d'être définies en tant que propriétés séparées. Ceci s'appelle une propriété abrégée.
Comme pour l'ancien attribut bgcolor, background-color peut prendre la forme d'une valeur RVB, d'un code hexadécimal ou d'un nom de couleur. L'arrière-plan de tout élément auquel cette propriété est appliquée sera affiché dans cette couleur. La valeur de background-image est l'URL de l'image.
Les autres propriétés - pièce jointe en arrière-plan, position en arrière-plan et répétition en arrière-plan - peuvent être définies, mais si elles ne le sont pas, les valeurs par défaut seront utilisées. Background-repeat est utilisé pour répéter le fond verticalement ou horizontalement; par défaut, il se répète verticalement et horizontalement. Background-attachment fait que l'image d'arrière-plan défile avec le reste de la page, qui est la valeur par défaut, ou reste au même endroit. La position d'arrière-plan par défaut est le coin supérieur gauche de l'élément.
Différents navigateurs Web peuvent afficher les propriétés de l'arrière-plan différemment ou requérir des définitions plus spécifiques dans le CSS. Par exemple, même si Internet Explorer® 8 prend en charge la valeur d'héritage de certaines propriétés, il ne la prend pas en charge pour les propriétés d'arrière-plan. Dans Firefox®, la propriété background-position ne fonctionne pas correctement si la propriété background-attachment n'est pas définie sur fixed. Les développeurs doivent tester leurs pages dans différents navigateurs pour s'assurer qu'ils s'affichent comme prévu.