HTML5 Neue Elemente
HTML5: Neue Elemente
Seit 1999 hat sich HTML 4.01 stark verändert. Heute sind mehrere Elemente in HTML 4.01 veraltet, und diese Elemente wurden in HTML5 entfernt oder neu definiert.
Um die heutigen Internetanwendungen besser handhaben zu können, wurden in HTML5 viele neue Elemente und Funktionen hinzugefügt, wie z. B.: Grafikzeichnung, Multimedia-Inhalte, bessere Seitenstruktur, bessere Formularverarbeitung sowie mehrere API-Drag-and-Drop-Elemente, Geolokalisierung, einschließlich Webanwendungs-Cache, Speicher, Web Workers usw.
<canvas> Neue Elemente
| Tag | Beschreibung |
|---|---|
| <canvas> | Das Tag definiert Grafiken wie Diagramme und andere Bilder. Dieses Tag basiert auf der JavaScript-Zeichen-API. |
Neue Multimedia-Elemente
| Tag | Beschreibung |
|---|---|
| <audio> | Definiert Audioinhalt |
| <video> | Definiert Video (Video oder Film) |
| <source> | Definiert Multimedia-Ressourcen <video> und <audio> |
| <embed> | Definiert eingebettete Inhalte wie ein Plugin. |
| <track> | Gibt externe Textspuren für Medien wie <video>- und <audio>-Elemente an. |
Neue Formularelemente
| Tag | Beschreibung |
|---|---|
| <datalist> | Definiert eine Optionsliste. Verwenden Sie dieses Element zusammen mit dem input-Element, um mögliche Werte für input zu definieren. |
| <keygen> | Gibt ein Schlüsselpaar-Generator-Feld für Formulare an. |
| <output> | Definiert verschiedene Arten von Ausgabe, wie etwa die Ausgabe eines Skripts. |
Neue semantische und strukturelle Elemente
HTML5 bietet neue Elemente, um eine bessere Seitenstruktur zu erstellen:
| Tag | Beschreibung |
|---|---|
| <article> | Definiert einen unabhängigen Inhaltsbereich einer Seite. |
| <aside> | Definiert den Inhalt der Seitenleiste einer Seite. |
| <bdi> | Ermöglicht es Ihnen, einen Textabschnitt von der Textrichtungseinstellung seines übergeordneten Elements zu isolieren. |
| <command> | Definiert eine Befehlsschaltfläche, z. B. ein Optionsfeld, ein Kontrollkästchen oder eine Schaltfläche. |
| <details> | Wird verwendet, um Details eines Dokuments oder eines Abschnitts eines Dokuments zu beschreiben. |
| <dialog> | Definiert ein Dialogfeld, z. B. ein Eingabeaufforderungsfeld. |
| <summary> | Das Tag enthält den Titel des Details-Elements. |
| <figure> | Gibt unabhängigen Fließinhalt an (Bilder, Diagramme, Fotos, Code usw.). |
| <figcaption> | Definiert den Titel des <figure>-Elements. |
| <footer> | Definiert die Fußzeile eines Abschnitts oder Dokuments. |
| <header> | Definiert den Kopfbereich eines Dokuments. |
| <mark> | Definiert Text mit einer Markierung. |
| <meter> | Definiert eine Messung. Wird nur für Messungen mit einem bekannten Höchst- und Mindestwert verwendet. |
| <nav> | Definiert einen Abschnitt mit Navigationslinks. |
| <progress> | Definiert den Fortschritt jeder Art von Aufgabe. |
| <ruby> | Definiert Ruby-Annotationen (chinesische Lautschrift oder Schriftzeichen). |
| <rt> | Definiert die Erklärung oder Aussprache von Schriftzeichen (chinesische Lautschrift oder Schriftzeichen). |
| <rp> | Wird in Ruby-Anmerkungen verwendet, definiert Inhalte, die von Browsern angezeigt werden, die das ruby-Element nicht unterstützen. |
| <section> | Definiert einen Abschnitt in einem Dokument (Abschnitt, Segment). |
| <time> | Definiert ein Datum oder eine Uhrzeit. |
| <wbr> | Gibt an, wo im Text ein Zeilenumbruch angebracht ist. |
Entfernte Elemente
Die folgenden HTML 4.01-Elemente wurden in HTML5 entfernt:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>