logo

Bootstrap 4 alpha

Mega Menue Sidebar

html5area


HTML5 Elemete - Neu

Im Nachfolgenden sehen Sie eine kurze Auflistung der neuen wichtigsten HTML5 Elemente. Für eine Vollständigkeit der Liste wird nicht garantiert. Diese Liste enthält ausschliesslich gültige Elemente. es sollten daher auch nur unten aufgeführte Elemente in neuen Websites verwendung finden.

tag Beschreibung Beispiel
tag Beschreibung Beispiel
<figure> Stellt eine Abbildung dar, die einem Teil des Dokuments beschreibend hinzugefügt werden kann.
<figcaption> Beschriftung der Abbildung (z.B. Bildunterschrift,- beschreibung
<data> Verbindet seinen Inhalt mit einem maschinenlesbaren Equivalent, angegeben im value-Attribut.
Nur in der WHATWG-Version des HTML-Standards, nicht in der W3C-Version
Beispiel
<time> Wert für Datum,- und Uhrzeitangabe
<mark> Hervorgehobener Text
<ruby> Textteil mit Ruby-Annotationen. Kurze Aussprachetipps / Hinweise, für meist ostasiatische Tyopgrafien. Beispiel
<rt> Text der Ruby-Annotation Beispiel
<rp> In Verbindung mit ruby verwendet, um Ruby-Text einzuklammern, wenn der verwendete Browser Ruby nicht unterstützt. Beispiel
<bdi> Markiert Text, zur bidirektionalen Formatierung (z.B. arabischer Text innerhalb von deutschsprachigen Inhalten). Korrekte Textrichtungsdarstellung Beispiel
<wbr> Zeilenumbruch zur besseren Lesbarkeit, wenn der Text auf mehrere Zeilen verteilt wird. Beispiel
<embed> Einbindungspunkt externer Ressourcen. Kein HTML-Inhalte. sondern Applikationen oder interaktive Inhalte, über z.B. Plugins. Beispiel
<video> Einbettung Videodatei und dazugehörigen Audiodateien + Kontrollelemente des Players.
<audio> Einbettung einer Audiodatei - Kontrollelemente des Players
<source> Angabe alternative Medienressourcen (z.B. verschiedene Audio- oder Videoformate) Beispiel
<track> Zusätzliche Medienspuren (z.B. Untertitel) für Video- und Audiodateien Beispiel
<canvas> Anzeige von visuellen, dynamischen Effekten beispielsweise Diagramme, Spielegraphiken oder andere visuellen Effekte meist in Verbindung mit Javascript.
<svg> Anzeigen einer Vektorgrafik
<math> Anzeigen/Markieren einer mathematischen Formel Beispiel
<datalist> Neues Formularfeld zur Sammlung von vordefinierter Optionen für z.B. Dropdownlisten Beispiel
<output> Neues Formularfeld zur Anzeige des Ergebnisses einer Berechnung Beispiel
<progress> Neues Formularfeld Fortschrittsanzeige (Balken) einer bestimmten Aufgabe Beispiel
<meter> Neues Formularfeld für die Anzeige einer Messskala (Balken) innerhalb eines Bereiches. Beispiel
<details> Anzeige eines Kontrollelements für zusätzliche Informationen Beispiel
<summary> Zusammenfassung oder eine Legende für ein bestimmte <details>-Elemente Beispiel

Die Auflistung der neuen GTML 5 Elemente ist noch im "Draft-Modus" und wird mit mehr Beispielen hinterlegt werden.