2.4 HTML文档的标签分类

最新推荐文章于 2023-03-27 17:33:39 发布

牧云流

最新推荐文章于 2023-03-27 17:33:39 发布

阅读量475

点赞数 1

分类专栏：前端进阶之路 HTML 文章标签： HTML 标签 web前端进阶

本文链接：https://blog.csdn.net/dreamingbaobei3/article/details/87882953

版权

109 篇文章 3 订阅

订阅专栏

18 篇文章 0 订阅

订阅专栏

一个HTML文档的最基本机构是这样的：

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>文档标题</title>
</head>
<body>
</body>
</html>

里面用<>括起来的部分就是标签，这种书写方式就是超文本标记语言的书写方式。浏览器能够读取 HTML 文档，并以网页的形式显示出这些标签。
HTML中的标签很多，需要我们在学习和工作中不断的认识，但实际上，很多标签是很少用到的。根据W3C规范HTML5废弃的标签将不再讲解。

标签名	语义	说明
div	无语义，用作布局和绑定样式
span	无语义，用来组合文档中的行内元素,以便用来绑定样式	行内元素
section	标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。	html5中新增
header	文档或节的页眉	html5中新增
footer	文档或节的页脚	html5中新增
nav	定义导航	html5中新增
article	代表一个独立的、完整的相关内容块	html5中新增
aside	标签定义其所处内容之外的内容。aside 的内容应该与附近的内容相关。	html5中新增
figure	标签规定独立的流内容（图像、图表、照片、代码等等）	html5中新增
figcaption	用作文档中插图的图像，带有一个标题	html5中新增

表格标签，是由一组标签组合而成。

标签名	语义	说明
table	定义表格
tr	定义表格行
td	定义表格单元	rowspan属性：合并相邻行，colspan属性：合并相邻的列
th	定义表头
thead	定义表格的表头
tbody	定义表格主体（正文）
tfoot	定义表格的页脚
caption	表示这个表格的标题

标签名	语义	说明
form	申明表单，定义采集数据的范围
input	用于搜集用户信息，可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等
label	为 input 元素定义标注
select	定义下拉列表
textarea	定义多行文本域
button	标记一个按钮