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
Élément
Définit le titre dans la barre d'outils du navigateur
Fournit le titre lorsque la page est ajoutée aux favoris
Le titre de la page qui est affiché dans les résultats des moteurs de recherche
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网</title> </head> <body> ... </body> </html>
2, à
la balise
É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.
<h1>这是标题 1</h1> <h2>这是标题 2</h2> <h3>这是标题 3</h3> <h4>这是标题 4</h4> <h5>这是标题 5</h5> <h6>这是标题 6</h6>
3. La balise
caption définit le titre du tableau.
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.
<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>
4. La balise
Les éléments
<!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>
5. L'élément balise
legend définit le titre (légende) de l'élément fieldset.
<!DOCTYPE HTML> <html> <body> <form> <fieldset> <legend>健康信息</legend> 身高:<input type="text" /> 体重:<input type="text" /> </fieldset> </form> <p>如果表单周围没有边框,说明您的浏览器太老了。</p> </body> </html>
6. Balise
<!DOCTYPE HTML> <html> <body> <details> <summary>HTML 5</summary> This document teaches you everything you have to learn about HTML 5. </details> </body> </html>
Recommandations associées : "Tutoriel vidéo HTML"
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!