joerghuelsermann.de Semantik Analyse

Bitte geben sie eine URL an.

Semantik Analyse

Semantik in HTML Dokumenten ist für mich ein wichtiger Punkt. Zu diesem Bereich gehört der Einsatz von Überschriften.

Formular HTML5 Outline

Regeln für die Analyse

Überprüfung der Sektionen

Laut der HTML5 Spezifikation müssen Sektionen mit einer Überschrift versehen werden. Dabei muss eine Überschrift sich in jeder Sektion befinden ohne das eine neue Sektion eröffnet wird. Die entstehende HTML5 Outline berücksichtigt am Ende dann zuerst die Unterteilung nach Bereichen und dann innerhalb der Bereiche die die Höhe der Ordnung der Überschriften. Dabei ist es aber nicht Vorraussetzung das innerhalb der neuen Bereiche eine Überschrift erster Ordnung verwendet wird. Wenn keine Überschrift für diese neuen Bereiche gesetzt wird soll laut Spezifikation ein Standardwert gesetzt werden. Die Überprüfung wird aber davon ausgehen das kein Standardwert sinnvoll wäre an diesen Stellen.

  • article
  • aside
  • body
  • nav
  • section

Ordnung und Struktur von Überschriften

Die alte Struktur der Überschriften besagte nur im Grunde das zuerst eine Überschrift erster Ordnung verwendet wird. Danach durfte man mit einer Stufe niedriger fortfahren. Mit diesen Stufen hat man eine Zusammengehörigkeit im Grunde dargestellt von Bereichen. Folgt auf eine Stufe eine Stufe auf selber Ebene ist es ein neuer Bereich. Dieses Konzept wird auch mit HTML5 noch für alle Bereiche angewandt.

  • h1
  • h2
  • h3
  • h4
  • h5
  • h6

HTML5 Outline Regeln

Nochmal kurz zusammengefasst die Regeln für eine HTML5 Outline.

  • Sektionen sind die folgenden Elemente article, aside, body, nav und section.
  • Aufteilung nach Bereichen. Stufe ist gleich Anzahl der Bereiche
  • Die neuen Bereiche verfügen über Standardüberschriften.
  • Jeder Bereich darf mit einer Überschrift erster Ordnung versehen werden.
  • Ein Bereich als erste Position in einem body Bereich ergibt für diesen Bereich keine vorhandene Überschrift
  • Unterstufe wird aus Ebene der Überschrift ermittelt.

Meiner Ansicht nach sollte man folgende Regeln noch ergänzen um einen besseren Stil zu entwickeln was eine gute Struktur anbetrifft.

  • Höchste Ordnung einer Überschrift in einem Bereich zuerst.
  • Jeder Bereich verfügt über eine Überschrift.
  • Ein Bereich als erste Position in einem Bereich ergibt für diesen Bereich keine vorhandene Überschrift. Oder anders ausgedrückt man geht nicht von gesetzten Standardwerten aus.
  • Die neuen Bereiche mit einer Überschrift erster Ordnung versehen. Diesen Punkt zu berücksichtigen fällt alleine aus historischen Gründen mir schwer. Man darf sich aber Ziele setzen.

Aus den Stufen der Bereiche und der Überschriften wird eine Einteilung nach Bereichen dann letztendlich vorgenommen. Das Prinzip einer HTML5 Outline verwirrt am Anfang unter Umständen und man benötigt etwas Routine um das Konzept zu beherrschen.

Aufbau der Analyse

Dieses Tool wird so angelegt sein, das es für alle Webseiten, die auf HTML basieren die verwendeten Überschriften analysiert. Bei der Abfrage wird zwischen Browser die für XHTML geeignet sind und solchen die nur HTML verarbeiten unterschieden. Diese Domain verwendet eine Weiche, welche unterschiedliche Inhalte für diese beiden Versionen ausgibt.

Auswertung

Die Auswertung wird rein durch CSS nach Erstellung der Ansicht vorgenommen. Das erlaubt eine Korrektur der Auswertung durch Änderung der CSS Regeln. Alleine aus dem Grunde das unterschiedliche Ansichten dazu existieren welche Punkte eine HTML5 Outline enthalten sollte. Ein denkbarer Fall wäre das jemand für Bereiche nur die Nutzung der Standard Regeln vorsieht. Die Möglichkeit externe CSS Dateien für die Erstellung eigener Regeln ist nun implementiert.

Liste Mime Typ

Falls diese Liste von Mime Typen, die momentan erlaubt sind nicht vollständig sein sollte erweitere ich sie gerne. Eine Information wäre hilfreich.

  • application/xhtml+xml
  • text/html