Comment utiliser de nouvelles balises en HTML5

HTML5 fournit de nouveaux éléments et attributs, tels que la navigation (bloc de navigation du site Web) et le pied de page. Cette balise facilitera l'indexation des moteurs de recherche et aidera mieux les appareils à petit écran et les personnes malvoyantes. En outre, elle fournit également de nouvelles fonctionnalités pour d'autres éléments de navigation, tels que les balises audio et vidéo. Apprenons avec vous comment utiliser les nouvelles balises en HTML5.

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

Il s'agit d'une liste de données de balises qui définit une liste d'options. Cette fonction consiste à combiner la zone de texte avec la balise de sélection

<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/>

<. 🎜> Cette boîte d'options de sélection existera quel que soit le contenu

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

Il s'agit d'une balise qui définit les détails du document. balise de détail. Sa fonction principale est simple.

<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>

La balise suivante est la balise de liste de définitions. menu.

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

Nous utilisons plus souvent l'étiquette de la barre de progression. Comme ça.

<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>

Le contenu ci-dessus est un tutoriel sur la façon d'utiliser les nouvelles balises en HTML5. Il est plus adapté aux amis qui débutent en HTML5. J'espère qu'il sera utile à tout le monde.

Recommandations associées :

Les balises HTML5 les plus complètes

Directives de sélection des balises HTML5

Collection de balises HTML5

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!