html5標題標籤有：1、title標籤，定義文件的標題；2、h1、h2、h3、h4、h5、h6標籤，定義內容標題；3、caption標籤，定義表格標題；4 、figcaption標籤；5、legend標籤；6、summary標籤。
本教學操作環境：windows7系統、HTML5版、Dell G3電腦。
html5標題標籤
#1、 標籤
標籤定義文件的標題，在所有HTML 文件中是必需的。 <p></p>
<title>元素：<ul style="list-style-type: disc;">
<li><p>定義瀏覽器工具列中的標題</p></li>
<li><p>提供頁面被加入到收藏夾時的標題</p></li>
<li><p>顯示在搜尋引擎結果中的頁面標題</p></li>
</ul>#<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网</title>
</head>
<body>
...
</body>
</html></pre><div class="contentsignin">登入後複製</div></div><p><img src="https://img.php.cn/upload/image/616/738/796/1639375311415707.png"/ alt="html5中標題標籤是什麼" ></p><p>## 2、<h1> to <h6>標籤<strong></strong></p><h1> - <h6> 標籤定義標題。 <h1> 定義最大的標題。 <h6> 定義最小的標題。 <p></p>由於 h 元素擁有確切的語意，因此請您慎重地選擇適當的標籤層級來建立文件的結構。因此，請不要利用標題標籤來改變同一行中的字體大小。相反，我們應該使用層疊樣式表定義來達到漂亮的顯示效果。 <p><div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">登入後複製</div></div></p><p><img src="https://img.php.cn/upload/image/821/247/630/1639723578130899.png" title="1639723578130899.png" alt="html5中標題標籤是什麼"/></p><p>3、<caption>標籤<strong></strong></p>caption 元素定義表格標題。 <p></p>caption 標籤必須緊接在 table 標籤之後。您只能對每個表格定義一個標題。通常這個標題會被居中於表格之上。 <p><div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">登入後複製</div></div></p><p><img src="https://img.php.cn/upload/image/621/435/193/163393472683908html5中標題標籤是什麼"/ alt="html5中標題標籤是什麼" ></p><p>4、<figcaption>標籤<strong></strong></p><figcaption> 標籤為 <figure> 元素定義標題。 <p></p><figcaption> 元素應該被置於 <figure> 元素的第一個或最後一個子元素的位置。 <p><div class="code" style="position:relative; padding:0px; margin:0px;"><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="html5中標題標籤是什麼" >
</figure>
</body>
</html></pre><div class="contentsignin">登入後複製</div></div></p><p><img src="https://img.php.cn/upload/image/144/462/837/163972384099696html5中標題標籤是什麼" title="163972384099696html5中標題標籤是什麼" alt="html5中標題標籤是什麼"/></p><p>5、<legend>標籤<strong></strong></p>legend 元素為 fieldset 元素定義標題（caption）。 <p><div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">登入後複製</div></div></p><p><img src="https://img.php.cn/upload/image/203/296/619/163972394541092html5中標題標籤是什麼" title="163972394541092html5中標題標籤是什麼" alt="html5中標題標籤是什麼"/></p><p>6、<summary>標籤<strong></strong></p><summary> 標籤為 <details> 元素定義一個可見的標題。當使用者點擊標題時會顯示出詳細資訊。 <p><div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">登入後複製</div></div><p><img src="https://img.php.cn/upload/image/398/406/806/1639724013276498.gif" title="1639724013276498.gif" alt="html5中標題標籤是什麼"></p>相關推薦：《<p>html影片教學<a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">》</a></p>
以上是html5中標題標籤是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
