Hiérarchie des balises
Il est essentiel de bien comprendre la notion de hiérarchie de balises HTML et d’arbre dans le cadre d’un apprentissage en développement web et full stack.
Les balises d’un document HTML sont donc soumises à des niveaux de hiérarchie.
Dans le jargon HTML, on parlera de :
- parent, ou balise parent
- enfant, ou balise enfant
- balise frère ou sœur, en anglais de siblings, ou de balises de même niveau hiérarchique
Une capture d’écran de l’éditeur Notepad++
On représente visuellement la hiérarchie des balises grâce à l’indentation. Elle n’est pas nécessaire au bon fonctionnement du code mais elle vous aidera à vous représenter l’imbrication des balises entre elles.
Rapidement, avec l’expérience, vous ne verrez plus des lignes de code décalées, mais des boites dans des boites ! L’indentation est absolument nécessaire à la visualisation de votre structure.
Dans VSCode, faites Clic droit > Format Document pour indenter tout les lignes automatiquement.
