HTML5 heißt eigentlich HTML

Der bereits 2008 vom World Wide Web Consortium w3.org empfohlene und bis heute weiterentwickelte HTML5-Standard. Der Begriff "HTML5" wird häufig als Schlagwort für moderne Webtechnologien verwendet. Aber bereits 2011 wurde die "5" aus der Bezeichnung gestrichen, um zu zeigen, dass die Weiterentwicklung von HTML ständig im Fluss ist.

Einige Neuerungen

Weniger Einsatz des <div>-Tag

Bis heute wird das <div>-Tag häufig gebraucht. div (Abk. für engl. division) meint „Bereich“, „Abteilung“ , „Aufteilung“ und „Spaltung“. Ein div-Container dient als Behälter für andere HTML-Elemente, die dann mit CSS formatiert werden oder mit JavaScript mit Inhalt befüllt werden können. Dafür werden sie mit id und classes ausgezeichnet. Einen Einfluss auf Layout oder Inhalt einer Website hat der div-Container für sich alleine genommen dabei nicht. Zwar ist es so möglich, Gruppen und Bereich zu positionieren; eine semantische Bedeutung hat div nicht.

Semantik ist die Bedeutungslehre, welche die Bedeutung von Zeichen wie Wörter, Phrasen oder Symbole untersucht.

Mit HTML5 wurden einige neue semantische Tags, also mit Bedeutung eingeführt: z.B. article, aside, header, main, nav oder section.
Der div-Container soll nur noch eingesetzt werden, wenn kein Tag mit passender semantischer Bedeutung zur Verfügung steht.

Gründe:

  • Bei sehr vielen div-Tags ("Div-Suppe") fehlt gerade bei schließenden Tags die Übersicht.
  • Suchmaschinen werten wegen der semantische HTML5-Elemente den Inhalt besser aus.
  • Screenreader erkennen die Bedeutung der HTML5-Elemente und lesen den Inhalt flüssiger vor.
HTML5 mit sematischen Tags
HTML5 mit sematischen Tags


Last modified: Friday, 25 November 2022, 9:01 AM