Was sind die neuen Tags in HTML5?

html5 Tags: BDI, Mark, Meter, Fortschritt, RP, RT, Ruby, Zeit, WBR, Datenliste, Keygen, Ausgabe, Leinwand, Audio, Video, Quelle, Kopfzeile, Fußzeile, Navigation usw.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Neue Tags in HTML5

Wir alle wissen, dass die Beherrschung von HTML5 eine wichtige Voraussetzung ist. Im Vergleich zu HTML verfügt HTML5 über neue Tags. Es gibt viele Funktionsbezeichnungen , also was sind diese Etiketten?

Format:

Definiert die Textrichtung des Textes und macht ihn unabhängig von den Richtungseinstellungen des umgebenden Textes.

definiert markierten Text.

Definieren Sie eine Metrik innerhalb eines vordefinierten Bereichs.

Definieren Sie den Fortschritt jeder Art von Aufgabe.

Definieren Sie den angezeigten Inhalt, wenn der Browser keine Ruby-Elemente unterstützt.

Definieren Sie die Interpretation von Ruby-Anmerkungen.

Ruby-Anmerkungen definieren.

Datum/Uhrzeit festlegen.

Definiert mögliche Zeilenumbrüche.

Formular:

Definieren Sie den generierten Schlüssel.

Definieren Sie einige Ausgabearten.

Bild:

Definieren Sie den Titel des Abbildungselements.

Definieren Sie Gruppierungen von Medieninhalten sowie deren Titel.

Audio und Video:

Definieren Sie die Medienquelle.

definiert die im Mediaplayer verwendete Textspur.

Links:

Navigationslinks definieren.

Liste:

Stil:

Definieren Sie den Header des Abschnitts oder der Seite.

Definieren Sie die Fußzeile eines Abschnitts oder einer Seite.

Abschnitt definieren.

Artikel definieren.

Definieren Sie Inhalte außerhalb des Seiteninhalts.

Definiert die Details des Elements.

Definieren Sie einen sichtbaren Titel für das

Programmierung:

Definieren Sie Container für externe Anwendungen (nicht HTML).

Vorteile von HTML5:

1. Erstellen Sie schönere Animationseffekte, sodass Frontend-Entwickler eine bessere Seiteninteraktion erzielen können.

Webseiten, die von HTML5 implementiert werden, basieren auf HTML5-Tags und Wirkung, die durch CSS3-Stile zusammen erzielt wird.

2. Lösen Sie das Cross-Browser-Problem

Cross-Browser-Problem Vor dem Aufkommen von HTML5 war es definitiv ein Albtraumproblem für Front-End-Entwickler. Es ist klar, dass HTML-, CSS- und Java-Seiten in einem Browser völlig normal laufen, aber nach dem Wechsel zu einem anderen Browser treten viele Probleme auf, wie zum Beispiel: Java-Ausführungsfehler, Verwirrung beim Seitenlayout usw. Es ist die Programmiersprache HTML5, die diese Situation geändert hat. Derzeit zeigen Mainstream-Browser wie Internet Explorer, Chrome, Firefox und Safari große Begeisterung für HTML5.

3. Plattformübergreifend, Offline-Nutzung

HTML5 kann plattformübergreifend sein und die meisten Kerncodes müssen nicht neu geschrieben werden, es kann an vielen Orten verwendet werden, einschließlich mobiler Anwendungen Websites und PC-Websites, verschiedene Browser-Plug-Ins und können mit WebKit sogar als plattformübergreifende Anwendungen gepackt werden. Obwohl diese Methode im strengen Sinne nicht vollständig plattformübergreifend ist, kann sie bei der späteren Wartung viel Zeit und Energie sparen.

Benutzer können Anwendungen offline verwenden und darauf zugreifen, was für Benutzer mobiler Endgeräte, die nicht ständig mit dem Internet verbunden sein können, sehr wichtig ist, und Benutzer, die auf lokale Cache-Dateien zugreifen, bedeuten in der Regel eine schnellere Zugriffsgeschwindigkeit Verbessern Sie die Benutzererfahrung erheblich

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas sind die neuen Tags in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!