Arborescence HTML

La structure d'un document HTML est dite arborescente car elle se ramifie depuis la racine du document associé à l'élément html

Ainsi le squelette d'un document HTML suivant

<!DOCTYPE ...>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>titre onglet</title>
    ...
  </head>
  <body>
    <h1> Titre</h1>
    ...
  </body>
</html>

peut être représenté par l'arbre suivant :

html
 ┣━━━ head
 ┃     ┣━━━ meta
 ┃     ┣━━━ title
 ┃     ┗━━━ ...
 ┗━━━ body
       ┣━━━ h1
       ┗━━━ ...

Profondeur de descendant : la profondeur d'un descendant indique la position de l'élément dans la structure arborescente
- html est à la profondeur 0
- body est à la profondeur 1
- h1 est à la profondeur 2
Des éléments situés à la même profondeur et inclus dans le même élément père sont appelés frères