Formation I.S.N.

Arbre Dom

On associe un arbre au code Html d'une page .html (ou plus généralement au code XML).

Prenons l'exemple de la page ci-dessous :

L'arbre associé à cette page est le suivant :

arbre

On associe à cette arborescence le vocabulaire usuel sur les arborescences :

  • le noeud <html> est le noeud racine.
  • le noeud <html> a deux fils : les noeuds <head> et <body>.
  • les noeuds sans descendants sont les feuilles.
  • ...

Dessiner l'arbre DOM de la page Html ci-dessous.

  • Une solution ?
arbre

On peut installer l'extension DOM Inspector de firefox qui donne cette arborescence : arbre