HTML-Struktur als Grafik
Ein Browser, der von einem Webserver einen HTML-Quelltext einliest (parst), erstellt zunächst einen virtuellen Dokumentenbaum, der den hierarchischen Aufbau beschreibt. Die Fachbezeichnung hierfür lautet Document Object Model, abgekürzt DOM. Im Buch hatte ich diese Zusammenhänge im Kontext der Regeln zur Kaskade und Vererbung erläutert.
Angesprochen hatte ich auf Seite 142 auch die Firefox-Erweiterung View Source Chart, die die Verschachtelung von HTML-Elementen auf einer Webseite grafisch darstellt, wodurch sich die Struktur einer Seite sehr schnell erfassen lässt.
Ein etwas verspielteres Tool ist der HTML-DOM Visualisierer von aharef. Ein Java Applet visualisiert den Aufbau anhand einer animierten Baumstruktur. Eine Erklärung welche Tags welcher Farbe zugeordnet sind findet man wenn man etwas herunterscrollt. Im zugehörigen Blog sind bereits einige große Websites exemplarisch analysiert. Man kann aber auch seine eigene URL visualisieren lassen. Bei flickr sind übrigens auch weit über 2.000 Internetseiten hinterlegt.
Kommentare zu nur diesem Artikel können Sie als RSS 2.0 Feed 