Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

HTML Struktur-Elemente

bessere Struktur für Dokumente

Das primäre Ziel der neuen HTML5 Spezifikation ist es, Webseiten eine verbesserte semantischenInformationBedeutung: semantischender Bedeutung, dem Sinn entsprechend Strukturierung des Quelltextes zu verleihen und den Inhalten eine eindeutige Gewichtung zu geben. Diese soll künftig dazu führen, dass unterschiedlichste Browser oder andere User Agents wie Screenreader den Inhalt eines Dokuments richtig erkennen und gegebenenfalls nach dessen Relevanz ausgeben können.

Derzeit werden HTML-Dokumente vor allem mit Hilfe von <div>-Elementen strukturiert. Die Formatierung und Positionierung dieser "Container" erfolgt meist mittels CSS. Für einen User Agent ist dies völlig ohne Bedeutung und die eigentliche Relevanz der Inhalte nicht zu erkennen.

Dies soll mit den neuen Elementen zur semantischenInformationBedeutung: semantischender Bedeutung, dem Sinn entsprechend Strukturierung erfolgen. Dazu gehören:

HTML5 Strukturelemente
ElementBeschreibung
Referenz zum <article> ElementarticleAuszeichnung von textuell relevanten Dokumenteninhalten
Referenz zum <aside> ElementasideDefiniert marginaleInformationBedeutung: marginaleetwas am Rande, auf der Grenze Liegendes, Nebensächliches Informationen zu einem Dokumenteninhalt
Referenz zum <details> ElementdetailsBeinhaltet zusätzliche Informationen zu einem Dokumenteninhalt
Referenz zum <doctype> ElementdoctypeDefiniert den verwendeten Dokumententyp
Referenz zum <figcaption> ElementfigcaptionFußzeile von gruppierten Medieninhalten
Referenz zum <figure> ElementfigureGruppierung von Medieninhalten
Referenz zum <footer> ElementfooterDefiniert die Fußzeile eines Dokumenteninhaltes
Referenz zum <header> ElementheaderDefiniert den Kopfbereich eines Dokumenteninhaltes
Referenz zum <hgroup> ElementhgroupGruppierung von mehreren Überschriften im Kontext zueinander
Referenz zum <nav> ElementnavElement zur Auszeichnung von Navigationen
Referenz zum <section> ElementsectionUnterteilt einen article in unterschiedliche Sektionen
Referenz zum <summary> ElementsummaryStellt rudimentäreInformationBedeutung: rudimentäreunvollständig, unvollkommen, nur in Ansätzen [vorhanden], unzureichend Informationen für details bereit

Tastaturkürzel