CityDesk et Standards du Web - le wiki

Arbre Du Document

Statut de la page

En construction, en attente de graphiques montrant la structure pyramidale et hiérarchisée d'un document.

Principe

A partir du code HTML, le moteur de rendu du navigateur détermine un arbre du document, c'est à dire une structure hiérarchisée pyramidale. Au sommet, de cette pyramide, l'élément racine du document est <body> en HTML, <html> en XHTML. Cette hiérarchie est visible via le DOM inspector de Mozilla (onglet tools-outils).

L'image ci-dessous montre l'arbre de cette page (cliquez sur ce lien)

Image Laurent DOM-1.png

Dans la mise en page, chaque élément génère une boîte , qui peut être :

  • une boîte bloc : les éléments de type block (div, hr, p, ul, pre, blockquote...) se placent verticalement, les uns en-dessous des autres.
  • ou une boîte en ligne : les éléments de type inline (span, a, img, q, cite...) se placent horizontalement, les uns à côté des autres.
Chaque boite pouvant être le conteneur d'éventuels éléments enfants (d'autres boites bloc ou en ligne). comme le montre l'illustration suivante basée sur la structure CssZenGarden

Image Lauent DOM-2.png

 
© GPL 24 Novembre, 2004