Graphique de la structure d’un site Internet

Un étudiant de l’université de Stanford, Marcel Salathe, a développé un
applet permettant d’obtenir une représentation illustrée de la structure d’un site Internet, avec un code couleur pour chaque nature de lien ou de type de contenus.

Pour être précis, il s’agit de la représentation graphique de l’HTML DOM du site, c’est à dire de son “Document Object Model”. Le DOM permet aux programmes et scripts d’accéder et de modifier dynamiquement le contenu, la structure et le style de documents XML ou HTML.

Cet applet a rencontré un tel succès que plus de 2 millions de graphiques ont été générés en quelques semaines.

Voici celui de notre site, avec les codes couleurs associés :
-
blue : for links (the A tag)
-
red : for tables (TABLE, TR and TD tags)
-
green : for the DIV tag
-
violet : for images (the IMG tag)
-
yellow : for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
-
orange : for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
-
black : the HTML tag, the root node
-
gray : all other tags