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><strong>2、<h1> to <h6>标签</strong></p><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><img src="https://img.php.cn/upload/image/821/247/630/1639723578130899.png" title="1639723578130899.png" alt="html5의 제목 태그는 무엇입니까?"/></p><p><strong>3、<caption>标签</strong></p><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><img src="https://img.php.cn/upload/image/621/435/193/163393472683908html5의 제목 태그는 무엇입니까?"/ alt="html5의 제목 태그는 무엇입니까?" ></p><p><strong>4、<figcaption>标签</strong></p><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><img src="https://img.php.cn/upload/image/144/462/837/163972384099696html5의 제목 태그는 무엇입니까?" title="163972384099696html5의 제목 태그는 무엇입니까?" alt="html5의 제목 태그는 무엇입니까?"/></p><p><strong>5、<legend>标签</strong></p><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><img src="https://img.php.cn/upload/image/203/296/619/163972394541092html5의 제목 태그는 무엇입니까?" title="163972394541092html5의 제목 태그는 무엇입니까?" alt="html5의 제목 태그는 무엇입니까?"/></p><p><strong>6、<summary>标签</strong></p><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>相关推荐：《<a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">html视频教程</a>》</p>
위 내용은 html5의 제목 태그는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
