温馨提示  2024年 6月我们已经停止开发者板块文章内容更新,谢谢来访。存档数据
知识 2023-08-28 26 次阅读

html5中标题标签是什么

   

html5标题标签有 1. title标签,定义文档的标题; 2. h 1. h 2. h 3. h 4. h 5. h6标签,定义内容标题; 3. caption标签,定义表格标题; 4. figcaption标签; 5. legend标签; 6. summary标签。

本教程操作环境windows7系统、html5版、dell g3电脑。

html5标题标签

1. <title> 标签

<title> 标签定义文档的标题,在所有 html 文档中是必需的。

<title>元素

定义浏览器工具栏中的标题

提供页面被添加到收藏夹时的标题

显示在检索引擎结果中的页面标题

<!doctype html><html><head> <meta charset=utf-8> <title>php中文网</title></head><body>...</body></html>

2. <h1> to <h6>标签

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。所以呢,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。

<h1>这是标题 1</h1><h2>这是标题 2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6>

3. <caption>标签

caption 元素定义表格标题。

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

<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. <figcaption>标签

<figcaption> 标签为 <figure> 元素定义标题。

<figcaption> 元素应该被置于 <figure> 元素的第一个或最后一个子元素的位置。

<!doctype html><html><body><p>上海卢浦大桥是当今全世界第一钢结构拱桥,是世界上跨度最大的拱形桥。它也是世界上首座完全使用焊接工艺连接的大型拱桥(除合拢接口使用栓接外),现场焊接焊缝总长度达4万多米,接近上海市内环高架路的总长度。卢浦大桥像澳大利亚悉尼的海湾大桥一样具有旅游观光的功能。</p><figure> <figcaption>黄浦江上的的卢浦大桥</figcaption> <p>拍摄者w3school 项目组,拍摄时间2010 年 10 月</p> <img src=//i/shanghai,lupu,bridge.jpg width=350 height=234 /></figure></body></html>

5. <legend>标签

legend 元素为 fieldset 元素定义标题(caption)。

<!doctype html><html><body><form> <fieldset> <legend>健康信息</legend> 身高<input type=text /> 体重<input type=text /> </fieldset></form><p>如果表单周围没有边框,说明您的浏览器太老了。</p></body></html>

6. <summary>标签

<summary> 标签为 <details> 元素定义一个可见的标题。 当用户点击标题时会显示出详细信息。

<!doctype html><html><body><details><summary>html 5</summary>this document teaches you everything you have to learn about html 5.</details></body></html>

相关推荐《html视频教程》