Les balises de titre HTML5 comprennent : 1. la balise de titre, qui définit le titre du document ; 2. les balises h1, h2, h3, h4, h5, h6, qui définissent le titre du contenu ; 3. la balise de légende, qui définit le tableau ; titre ; 4. balise figcaption ; 5. balise légende ;
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.
balise de titre HTML5
1. La balise
définit le titre du document et est obligatoire dans tous les documents HTML. <p>Élément</p>
<title> : <ul style="list-style-type: disc;">
<li><p> Définit le titre dans la barre d'outils du navigateur </p></li>
<li><p> Fournit le titre lorsque la page est ajoutée aux favoris </p></li>
<li><p>Le titre de la page qui est affiché dans les résultats des moteurs de recherche </p></li>
</ul> <pre class="brush:html;toolbar:false"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网</title>
</head>
<body>
...
</body>
</html></pre><p><img src="https://img.php.cn/upload/image/616/738/796/1639375311415707.png" alt="Quelle est la balise de titre en HTML5" ></p>
<p><strong>2, <h1> à <h6> la balise </h6>
</h1></strong></p>
<p></p>
<h1> peut définir le titre. <h1> définit le titre le plus grand. <h6> Définit le plus petit en-tête. </h6>
</h1>
</h1>
<p>Étant donné que l'élément h a une sémantique exacte, veuillez choisir avec soin le niveau de balise approprié pour structurer le document. Par conséquent, veuillez ne pas utiliser de balises de titre pour modifier la taille de la police sur la même ligne. Au lieu de cela, nous devrions utiliser des définitions de feuilles de style en cascade pour obtenir de superbes effets d’affichage. </p><pre class="brush:html;toolbar:false"><h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6></pre><p><img src="https://img.php.cn/upload/image/821/247/630/1639723578130899.png" title="1639723578130899.png" alt="Quelle est la balise de titre en HTML5"></p>
<p><strong>3. La balise <caption> </caption></strong></p>
<p>caption définit le titre du tableau. </p>
<p>la balise de légende doit suivre la balise de tableau. Vous ne pouvez définir qu'un seul titre par tableau. Habituellement, le titre sera centré au-dessus du tableau. </p><pre class="brush:html;toolbar:false"><table border="1">
<caption>人物信息</caption>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>Peter</td>
<td>20</td>
</tr>
<tr>
<td>Lois</td>
<td>20</td>
</tr>
</table></pre><p><img src="https://img.php.cn/upload/image/621/435/193/163393472683908Quelle%20est%20la%20balise%20de%20titre%20en%20HTML5" alt="Quelle est la balise de titre en HTML5" ></p>
<p><strong>4. La balise <figcaption> </figcaption></strong></p>
<p><figcaption> définit le titre de l'élément <figure> </figure></figcaption></p>
<p> Les éléments <figcaption> doivent être placés comme premier ou dernier enfant de l'élément <figure> </figure></figcaption></p><pre class="brush:html;toolbar:false"><!DOCTYPE HTML>
<html>
<body>
<p>上海卢浦大桥是当今世界第一钢结构拱桥，是世界上跨度最大的拱形桥。它也是世界上首座完全采用焊接工艺连接的大型拱桥（除合拢接口采用栓接外），现场焊接焊缝总长度达4万多米，接近上海市内环高架路的总长度。卢浦大桥像澳大利亚悉尼的海湾大桥一样具有旅游观光的功能。</p>
<figure>
<figcaption>黄浦江上的的卢浦大桥</figcaption>
<p>拍摄者：W3School 项目组，拍摄时间：2010 年 10 月</p>
<img src="/i/shanghai_lupu_bridge.jpg" style="max-width:90%" style="max-width:90%" / alt="Quelle est la balise de titre en HTML5" >
</figure>
</body>
</html></pre><p><img src="https://img.php.cn/upload/image/144/462/837/163972384099696Quelle%20est%20la%20balise%20de%20titre%20en%20HTML5" title="163972384099696Quelle est la balise de titre en HTML5" alt="Quelle est la balise de titre en HTML5"></p>
<p><strong>5. L'élément balise <legend> </legend></strong></p>
<p>legend définit le titre (légende) de l'élément fieldset. </p><pre class="brush:html;toolbar:false"><!DOCTYPE HTML>
<html>
<body>
<form>
<fieldset>
<legend>健康信息</legend>
身高：<input type="text" />
体重：<input type="text" />
</fieldset>
</form>
<p>如果表单周围没有边框，说明您的浏览器太老了。</p>
</body>
</html></pre><p><img src="https://img.php.cn/upload/image/203/296/619/163972394541092Quelle%20est%20la%20balise%20de%20titre%20en%20HTML5" title="163972394541092Quelle est la balise de titre en HTML5" alt="Quelle est la balise de titre en HTML5"></p>
<p><strong>6. Balise <summary> </summary></strong></p>
<p><summary> Des informations détaillées s'affichent lorsque l'utilisateur clique sur le titre. </summary></p><pre class="brush:html;toolbar:false"><!DOCTYPE HTML>
<html>
<body>
<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details>
</body>
</html></pre><p><img src="https://img.php.cn/upload/image/398/406/806/1639724013276498.gif" title="1639724013276498.gif" alt="Quelle est la balise de titre en HTML5"></p>
<p>Recommandations associées : "<a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">Tutoriel vidéo HTML</a>"</p>
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!
Déclaration：Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
