HTML5 New Elements
Seit 1999 HTML 4.01 hat sich sehr verändert. Heute sind mehrere der HTML 4.01 sind veraltet, und diese Elemente wurden in HTML5 gelöscht oder neu definiert.
Um den heutigen Internet-Anwendungen besser zu handhaben, fügt HTML5 viele neue Elemente und Funktionen wie: Grafik-Rendering, Multimedia-Inhalte, eine bessere Seitenstruktur, eine bessere Form der Verarbeitung und mehrere api Drag-and-Elemente fallen, Positionierung, einschließlich Web-Anwendung Caching, Speicherung, Web-Arbeiter, und so weiter.
Neue Elemente in HTML5
Im Folgenden finden Sie eine Liste der neuen HTML5-Elemente, und eine Beschreibung von dem, was sie verwendet werden.
Neue Semantic / Strukturelemente
HTML5 bietet neue Elemente für eine bessere Dokumentenstruktur:
| Etikett | Beschreibung |
|---|---|
| <article> | Definiert einen Artikel in dem Dokument |
| <aside> | definiert den Inhalt abgesehen vom Seiteninhalt |
| <bdi> | Definiert einen Teil des Textes, der in einer anderen Richtung kann von anderem Text formatiert werden |
| <details> | Definiert zusätzliche Details, die der Benutzer anzeigen kann oder ausblenden |
| <dialog> | Definiert ein Dialogfeld oder Fenster |
| <figcaption> | Definiert eine Beschriftung für ein <figure> Elemente |
| <figure> | Definiert sich geschlossene Inhalte, wie Bilder, Grafiken, Fotos, Codelisten, usw. |
| <footer> | Definiert eine Fußzeile für das Dokument oder einen Abschnitt |
| <header> | Definiert einen Header für das Dokument oder einen Abschnitt |
| <main> | Definiert den Hauptinhalt eines Dokuments |
| <mark> | Definiert markiert oder Text markiert |
| <menuitem> | Definiert einen Befehl / Menüpunkt, den der Benutzer aus einem Popup-Menü aufrufen |
| <meter> | Definiert eine skalare Messung innerhalb eines bekannten Bereichs (a gauge) |
| <nav> | Definiert Navigationslinks im Dokument |
| <progress> | Definiert den Fortschritt einer Aufgabe |
| <rp> | Legt fest , was in Browsern zu zeigen , dass nicht unterstützen ruby Anmerkungen |
| <rt> | Definiert eine Erklärung / Aussprache von Zeichen (für ostasiatische Typografie) |
| <ruby> | Definiert eine ruby Annotation (for East Asian typography) |
| <section> | Definiert einen Abschnitt in dem Dokument |
| <summary> | Definiert eine sichtbare Überschrift für ein <details> Element |
| <time> | Definiert ein Datum / Uhrzeit |
| <wbr> | Definiert einen möglichen Zeilenumbruch |
Lesen Sie mehr über HTML5 Semantics .
Neue Formularelemente
| Etikett | Beschreibung |
|---|---|
| <datalist> | Definiert vordefinierten Optionen für die Eingabesteuerungen |
| <keygen> | Definiert ein Schlüsselpaar - Generator - Feld (for forms) |
| <output> | Legt das Ergebnis einer Berechnung |
Lesen Sie alles über alte und neue Formularelemente in HTML - Formularelemente .
Neue Eingabetypen
| Neue Eingabetypen | Neue Eingabeattribute |
|---|---|
|
|
Erfahren Sie alles über alte und neue Eingabetypen in HTML - Eingabetypen .
Erfahren Sie alles über Eingabeattribute in HTML - Eingabeattribute .
HTML5 - Neue Attribute Syntax
HTML5 ermöglicht vier unterschiedliche Syntax für Attribute.
Dieses Beispiel zeigt die verschiedenen Syntaxen verwendet in einem <input> tag:
| Art | Beispiel |
|---|---|
| Leer | <input type="text" value="John" disabled > |
| Unquoted | <input type="text" value=John > |
| Doppelte Anführungszeichen | <input type="text" value="John Doe" > |
| Einzel zitiert | <input type="text" value='John Doe' > |
In HTML5 alle vier Syntaxen verwendet werden, je nachdem, was für das Attribut benötigt wird.
HTML5 Graphics
| Etikett | Beschreibung |
|---|---|
| <canvas> | Definiert Grafik, Zeichnung mit Hilfe von JavaScript |
| <svg> | Definiert Grafik, Zeichnung SVG |
Lesen Sie mehr über HTML5 Canvas .
Lesen Sie mehr über HTML5 SVG .
Neue Medienelemente
| Etikett | Beschreibung |
|---|---|
| <audio> | Definiert Ton oder Musik-Content |
| <embed> | Definiert Behälter für externe Anwendungen (like plug-ins) |
| <source> | Definiert Quellen für <video> und <audio> |
| <track> | Definiert Spuren für <video> und <audio> |
| <video> | Definiert Video- oder Filminhalte |
Lesen Sie mehr über HTML5 Video .
Lesen Sie mehr über HTML5 Audio .