HTML结构元素是什么？HTML中各种结构元素的总结（纯文本）(2)-木庄网络博客

当前第2页返回上一页

<dl>

</dl>

功能说明：dd定义在列表中的显示样式

dl定义列表的显示样式

dt定义列表中的项目

标准属性：id、class、title、style、dir、lang

使用要点：dd通常在列表中缩进显示，dd元素是块元素，需要关闭标签

dl元素是块元素，需要关闭标签

dt 元素是块元素，需要关闭标签

h1……h6

功能说明：定义文章的标题

标准属性：align、id、class、title、style、dir、lang

使用要点：<h1>定义最大的标题，<h6>定义最小的标题，需要关闭标签

<html>……</html>

功能说明：声明文档本身是一个HTML文档

标准属性：dir、lang

基本属性：common(一般属性)、xmlns(代表xml命名空间)、dir

<ins>……</ins>

功能说明：定义文档中已被插入的文本

标准属性：id、class、title、style、dir、lang

使用要点：ins和del标签配合使用，用来描述文档中的更新和修正

<del>……</del>

功能说明：定义文档中已被删除的文本

标准属性：id、class、title、style、dir、lang

<li>……</li>

功能说明：定义一个列表项目

标准属性：id、class、title、style、dir、lang

使用要点：li标签可用在有序列表<ol>和无序列表<ul>中

<ol>……</ol>

功能说明：定义有序列表

标准属性：id、class、title、style、dir、lang

<ul>……</ul>

功能说明：定义无序列表

标准属性：id、class、title、style、dir、lang

<table>……</table>

功能说明：定义表格的相关格式

标准属性：align、id、class、title、style、dir、lang

使用要点：用来显示数据，table是一个块元素，需要关闭标签

<th>……</th>

功能说明：定义表格内的表头单元格

标准属性：id、class、title、style、dir、lang

基本属性：common、abbr（代表表头的简写）、axis（对单元格在概念上分类）、colspan（一行跨越多列）、headers（连接表格的数据与表头）、rowspan（一列跨多行）、scope（定义行或列的表头）、align、valign

使用要点：th元素内部的文本通常会呈现为粗体

<tr>……</tr>

功能说明：在表格中定义一行

标准属性：id、class、title、style、dir、lang

基本属性：common、align、valign

<td>……</td>

功能说明：定义表格中的一个单元格

标准属性：id、class、title、style、dir、lang

tbody

功能说明：定义一段表格主体的格式

标准属性：id、class、title、style、dir、lang

使用要点：可以将表格分为一个单独的部分，可将表格中的一行或几行合成一组，但是在表格中最好没有tbody标签，不能从一个tbody跨越到另一个tbody中

tfoot

功能说明：定义表格脚注的格式

标准属性：id、class、title、style、dir、lang

使用要点：tfoot元素内包含的有效标签有td、tr、th，任何给定的table对象都只能定义一个tfoot。此元素需要关闭标签

thead

功能说明：定义表头的格式

标准属性：id、class、title、style、dir、lang

使用要点：thead内部必须拥有tr标签，此元素不会改变显示。如果使用thead、tfoot和tbody元素，就必须使用全部的元素。它们出现的次序是thead、tfoot、tbody。必须在table元素内部使用这些标签

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » HTML结构元素是什么？HTML中各种结构元素的总结（纯文本）

HTML结构元素是什么？HTML中各种结构元素的总结（纯文本）

h1……h6

tbody

tfoot

thead

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论