Que sont les codes de fond HTML?
Les codes d’arrière-plan du langage HTML (HyperText Markup Language) sont des propriétés d’éléments de niveau bloc qui peuvent modifier l’aspect de la zone située derrière le texte et les images affichés sur une page Web. En utilisant des codes d’arrière-plan HTML, il est possible de modifier la couleur d’arrière-plan d’une page ou de définir et d’afficher une image comme fond d’écran. Ces codes peuvent être utilisés en tant que propriété de la balise body HTML ou définis plus spécifiquement avec des feuilles de style en cascade (CSS). Bien que les codes d’arrière-plan HTML puissent améliorer l’apparence d’une page Web, ils peuvent également poser des problèmes de lisibilité de la page s’ils ne sont pas testés correctement. De plus, certains codes d'arrière-plan ont été amortis, notamment les propriétés de la balise HTML body, et risquent de ne pas s'afficher correctement s'ils ne sont pas définis avec des propriétés CSS.
La propriété background de la balise body HTML et la propriété background-image CSS permettent au concepteur de spécifier un fichier pouvant être utilisé comme image d'arrière-plan d'un site Web. Lorsqu'une image est définie à l'aide de la propriété background de la balise body, l'image est appliquée à l'arrière-plan de la page entière. Si la propriété CSS background-image est utilisée, l'image peut être limitée à un seul élément de niveau bloc, tel qu'un tableau ou une zone de texte. L'image peut être presque n'importe quoi, bien que la plupart des navigateurs n'afficheront pas d'animations au format GIF (Graphics Interchange Format) en tant qu'image d'arrière-plan et ne montreront que la première image.
D'autres codes d'arrière-plan peuvent être utilisés avec la balise body et des propriétés CSS supplémentaires. Ils permettent à une image d'être définie comme se répétant dans tout l'arrière-plan verticalement, horizontalement ou les deux. Les codes d’arrière-plan HTML peuvent également être utilisés pour aligner une image sur une zone spécifique de l’écran, telle que le coin inférieur droit. Les propriétés CSS peuvent accepter comme arguments des pourcentages ou des emplacements de pixels, fournissant ainsi une méthode pour positionner des images dans des emplacements très spécifiques.
Il existe également un ensemble plus simple de codes d’arrière-plan HTML permettant de définir une couleur unie comme arrière-plan d’un site Web. Comme avec les images, appliquer la couleur à l'intérieur de la balise body changera la couleur d'arrière-plan de la page entière, tandis que la modification des propriétés du corps CSS limitera la modification à un seul élément de niveau bloc. Il est important de noter que certains navigateurs Web permettent aux utilisateurs de désactiver l'affichage des images d'arrière-plan et des couleurs.
Les codes d’arrière-plan HTML peuvent parfois s’afficher de manière incorrecte ou être désactivés; il est donc considéré comme une mauvaise pratique de conception de s’appuyer fortement sur la couleur de l’image d’arrière-plan pour transmettre des informations essentielles au visiteur du site Web. De même, si la couleur du texte et de l’arrière-plan sont inversés et que l’arrière-plan ne s’affiche pas correctement, les visiteurs du site Web ne pourront plus voir aucun texte. Le maintien d'une couleur de texte sombre sur un arrière-plan clair peut aider à rendre un site Web visible même si l'arrière-plan n'est pas affiché dans la couleur souhaitée.