HTML5 neue Tags: Canvas, Audio, Video, Quelle, Einbettung, Spur, Datenliste, Keygen, Ausgabe, Artikel, Seite, BDI, Navigation, Mark, RT, RP, Ruby, Zeit, WBR usw. Das Canvas-Tag kann Grafiken definieren, das Audio-Tag kann Audioinhalte definieren, Video kann Video definieren, Quelle kann Multimedia-Ressourcen definieren und Embed kann eingebettete Inhalte definieren usw.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
HTML5 ist die neueste Version von HTML, die 2014 vom W3C an den Standard angepasst wurde. Verbesserte native Browserfunktionen reduzieren die Anzahl der Browser-Plug-in-Anwendungen (z. B. Flash), verbessern die Zufriedenheit der Benutzer und machen die Entwicklung komfortabler. HTML hat von 1.0 bis 5.0 enorme Veränderungen erfahren, von einer einzelnen Textanzeigefunktion zu einer Multimedia-Anzeigefunktion mit Bildern und Texten. Nach vielen Jahren der Verbesserung haben sich viele Funktionen zu einer sehr wichtigen Auszeichnungssprache entwickelt.
Neue Tags in HTML5
HTML5 fügt einige neue Struktur-Tags, Multimedia-Tags und Formular-Tags hinzu. Lassen Sie mich es Ihnen unten vorstellen.
| Tag | Beschreibung |
|---|---|
| Tags definieren Grafiken, wie Diagramme und andere Bilder. Dieses Tag basiert auf der Zeichen-API von JavaScript. |
Neues Multimedia-Element.
| Tag | |
|---|---|
| Multimedia-Ressourcen definieren | |
| Neues Formularelement | |
| Beschriftung |
| Gibt das Schlüsselpaargeneratorfeld an, das für das Formular verwendet werden soll. | ||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Tags | Beschreibung |
|---|---|
| definieren unabhängige Inhaltsbereiche der Seite. | |
| Definieren Sie den Inhalt der Seitenleiste der Seite. | |
| Ermöglicht Ihnen, einen Text unabhängig von der Textrichtungseinstellung seines übergeordneten Elements festzulegen. | |
| Befehlsschaltflächen definieren, z. B. Optionsfelder, Kontrollkästchen oder Schaltflächen | |
| Wird verwendet, um die Details eines Dokuments oder eines Teils eines Dokuments zu beschreiben | |
| < ;dialog> | Definieren Sie ein Dialogfeld, z. B. ein Eingabeaufforderungsfeld |
| Das Tag enthält den Titel des Detailelements | |
| Gibt unabhängige Flussinhalte an (Bilder, Diagramme, Fotos, Code usw.). | |
| Definieren Sie den Titel des |
|
| Definieren Sie die Fußzeile des Abschnitts oder Dokuments. | |
| definiert den Kopfbereich des Dokuments | |
| definiert Text mit Markierungen. | |
| Definition von Gewichten und Maßen. Nur für Messungen mit bekannten Maximal- und Minimalwerten verwenden. | |
| Definieren Sie den Teil des Navigationslinks. | |
| Definieren Sie den Fortschritt jeder Art von Aufgabe. | |
| Ruby-Kommentare definieren (chinesische Lautschrift oder Zeichen). | |
| Definition der Interpretation oder Aussprache eines Zeichens (chinesische Lautschrift oder Schriftzeichen). | |
| wird in Ruby-Kommentaren verwendet, um den Inhalt zu definieren, der von Browsern angezeigt wird, die Ruby-Elemente nicht unterstützen. | |
| Definieren Sie den Abschnitt (Abschnitt, Abschnitt) im Dokument. | |
| Datum oder Uhrzeit festlegen. | |
| Gibt an, wo im Text Zeilenumbrüche eingefügt werden sollten. |
Beispiele für die Verwendung von HTML5-Tags
(1) Definieren Sie den Navigationslink
Es ist auch ein aussagekräftiges Tag, es bedeutet nicht, dass dieses Tag irgendwo hinzugefügt wird. Es ist nur ein Sinnvoll p. Fügen Sie den Menü-Tag
(2) Definieren Sie das Artikel-Tag
Sie können das Artikelblock-Tag zum Schreiben von Artikeln verwenden. Verwenden Sie dieses Tag um einen Artikel im Abschnittsabschnitt zu schreiben, der mit
kombiniert werden kann
(3) Definieren Sie die Gruppierung von Medieninhalten und deren TitelA. Dieses Tag kann in Verbindung mit dem passenden Tag
<header>
<p>这是一个header部分</p>
<nav> <!--导航链接标签-->
<ul> <!--配合ul使用-->
<li>首页</li>
<li>关于</li>
<li>产品</li>
<li>联系</li>
</ul>
</nav>
</header>/*定义nav的高和颜色*/
nav{
height:30px;
background-color:#F33;
margin-top:100px;}
/*正常设置li的样式*/
li{
list-style:none;
float:left;
width:100px;
height:30px;
}(4) Definieren Sie ein Dialogfeld oder Fenster
Sie können in diesem Tag auch die Tags dd und dt verwenden. Der Titel und der Inhalt des Dialogfelds Das Feld hat das Attribut „offen“. Die Kompatibilität dieses Tags ist nicht sehr gut. Dieses Tag kann zusammen mit li
<article><!--文章块p--> <h2>文章标题</h2><!--标题--> <p>文章内容文章内容文章内容文章内容文章内容文章内容 <br> 文章内容文章内容文章内容文章内容文章内容文章内容<br> 文章内容文章内容文章内容</p> </article>
B verwendet werden. Sie können Ihren eigenen Inhalt per Rechtsklick hinzufügen (nur Firefox ist kompatibel) Union (Befehle/Menüelemente definieren, die der Benutzer aus dem Popup-Menü aufrufen kann)
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!
Was sind die Produktionsmethoden der HTML5-Animationsproduktion?
Der Unterschied zwischen HTML und HTML5
Wie man mit Blockchain Geld verdient
Standarddrucker festlegen
Ranking der zehn besten formellen Handelsplattformen
kb4012212 Was tun, wenn das Update fehlschlägt?
Der Unterschied zwischen Ankern und Zielen
Python-Thread-Pool und seine Prinzipien und Verwendungen
