Qu'est-ce que la balise Body ?
Le Body est la balise HTML principale contenant tout le contenu visible d'une page web (textes, images, sections). C'est le socle de votre design.
Définition
Le Body (ou corps de la page) représente l'élément parent de plus haut niveau visible dans la hiérarchie de votre site. En HTML, il s'agit de la balise <body> qui englobe absolument tout ce que l'utilisateur voit à l'écran : les menus, les images, les textes et le pied de page.
Dans l'interface de Webflow, le Body est sélectionnable tout en haut du "Navigator". Il joue un rôle crucial pour la cohérence de votre projet pour plusieurs raisons :
- Style global : C'est sur le Body que l'on définit généralement la police de caractères (font-family), la couleur du texte et la couleur d'arrière-plan par défaut. Grâce à la cascade CSS, tous les éléments enfants hériteront de ces propriétés.
- Marges et structure : Par défaut, les navigateurs appliquent souvent une légère marge au Body. Dans Webflow, il est courant de s'assurer que ces marges sont à 0 pour que vos sections occupent toute la largeur de l'écran.
- Ancrage des interactions : C'est également sur le Body que l'on peut appliquer des animations qui se déclenchent au chargement de la page ou lors du défilement (scroll).
Conseil : Ne surchargez pas le Body avec des classes complexes. Utilisez-le pour poser les fondations visuelles de votre site afin de limiter la répétition de styles sur vos autres éléments.