joerghuelsermann.de Div Tiefe

Div Tiefe

Dieses Tool analysiert eine Webseite darauf, wie tief Div Container ineinander verschachtelt sind.

Divitis

Div Suppe, Divitis und Div Wahnsinn sind Synonyme für übermässige Verwendung des Div Elementes. Diese sind zum einen abhängig von der Anzahl und von der Div Tiefe einer Webseite.

In den meisten Fällen können Div Elemente durch andere sinnvollere HTML Elemente ersetzt werden. Vor allen wenn man dazu übergeht HTML5 zu verwenden.

Nachteile des Div Wahnsinns

Der Quellcode wird einfach größer und das wird noch verstärkt in der Regel dadurch das class oder id Attribute auch in hoher Anzahl angewendet werden. Die Semantik einer Webseite ist nicht so ausgeprägt im Vergleich zu einer Seite, die anstelle der Div Elemente andere HTML Elemente verwendet. Bei der Umstellung dieser Domain und dem Ersatz der Div Container durch HTML5 Elemente wurde bei diesem Test deshalb auch eine Überprüfung einiger der neuen Elemente verwirklicht.

Dabei werden die Elemente in der folgenden Liste überprüft, weil diese mögliche Alternativen zu div Elementen darstellen. Nur nicht in jedem Fall ist es möglich ein div Element zu ersetzen. Das betrifft insbesondere die Fälle wo diesem Element keine semantische Bedeutung zukommt.

  • article
  • aside
  • footer
  • header
  • main
  • nav
  • section

Div Tiefe

Die Definition der Div Tiefe wurde von Div Suppe übernommen. Das eine maximale Tiefe von 3 ausreicht um jede Webseite darzustellen ist nachvollziehbar!

Berechnung der Divitis

Eine Verwendung von mehr als 12 Div Elementen wird negativ gewertet. Jedes Div Element das eine Tiefe grösser als 3 besitzt wird negativ bewertet! Und je höher diese Div Tiefe ist umso negativer wirkt sich diese aus! Die Berechnung wird in einem Grad der Divitis dann ausgegeben.

Strukturanalyse der Div Container

In der erweiterten Version ist eine Darstellung der Struktur der Div Container hinzugekommen. Die Analyse stellt vorhandene Schwachstellen in der Struktur einer Webseite optisch dar.

Tabellenlayout und Datentabelle

Ein Tabellenlayout oder eine Datentabelle einfach nur auf Div Container umzustellen sind häufig die Ursachen einer Divitis. Bei einem Wechsel von einem Tabellenlayout sollte man zuerst ein neues Layout aufbauen und dann die Inhalte in dieses übernehmen. Eine Datentabelle auf Div Container umzustellen ist in keinster Weise notwendig meiner Ansicht nach. Man verliert semantische Elemente wenn man so vorgeht. Deshalb wird bei diesem Test nun auch überprüft ob Datentabellen auf der analysierten Webseite verwendet werden.