So verwenden Sie neue Tags in HTML5

HTML5 bietet einige neue Elemente und Attribute, wie z. B. Navigation (Website-Navigationsblock) und Fußzeile. Dieses Tag erleichtert die Indizierung durch Suchmaschinen und unterstützt Geräte mit kleinem Bildschirm sowie sehbehinderte Menschen. Darüber hinaus bietet es neue Funktionen für andere Browsing-Elemente, wie z. B. Audio- und Video-Tags. Lassen Sie uns gemeinsam lernen, wie Sie neue Tags in HTML5 verwenden.

<header style="text-align: center; color: 
blue;">欢迎来到Html5的学习之路，我是header标签。</header>

Dies ist eine Tag-Datenliste, die eine Liste von Optionen definiert. Diese Funktion dient dazu, das Textfeld mit dem Auswahltag

<input type="text" list="phone">
<datalist id="phone">
    <option></option>
    <option>IPhone</option>
    <option>华为 </option>
    <option>小米 </option>
    <option>三星</option>
</datalist>    
<font color="red">这里我发现了两者一个不同之处在于，datalist只有在输入框为空的时候才会有自己定义下拉的内容!</font>
<br/>

< zu kombinieren 🎜> Dieses Auswahloptionsfeld ist unabhängig vom Inhalt vorhanden

<select>
<option>IPhone</option>
<option>华为 </option>
<option>小米 </option>
<option>三星</option>
</select>
------------------------
<br><br><br>

Dies ist ein Tag, der die Details des Dokuments definiert. Detail-Tag. Seine Hauptfunktion ist einfach.

<details>
<summary>这是一个detail标签，下面就是他的使用方法</summary>
<p>detail标签是什么？</p>
<p>detail标签有什么作用？</p>
<p>detail标签能干什么？</p>
<p>detail标签我改怎么用它？</p>
</details>
<br>
detail标签常与sunmmary标签用在一起。比如这个标签是高亮标签<mark>mark</mark>比重不一样。
<br><br>

Das nächste Tag ist das Definitionslisten-Tag. Speisekarte.

<menu>
    <li>西游记</li><li>水浒传</li><li>红楼梦</li><li>三国演义</li>
</menu>
<br><br>

Wir verwenden die Fortschrittsbalkenbezeichnung häufiger. So wie dieses.

<mark>progress</mark>
<progress value="5" max="10">value=5 max=10</progress>
<br>
<audio src="" controls="controls" autoplay="autoplay" loop="loop"></audio>
<footer>我是底部footer标签</footer>

Der obige Inhalt ist ein Tutorial zur Verwendung der neuen Tags in HTML5. Er ist besser für Freunde geeignet, die neu bei HTML5 sind.

Verwandte Empfehlungen:

Die umfassendsten HTML5-Tags

Richtlinien für die Auswahl von HTML5-Tags

HTML5-Tag-Sammlung

Das obige ist der detaillierte Inhalt vonSo verwenden Sie neue Tags in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!