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

2020-03-24 16:48:02

字体：大中小

来源：转载

供稿：网友

在一个网页文档中会有各种不同元素的展现。每个元素都有其特定的位置，为了让这些元素规范起来，就需要由HTML中的结构元素确定。

base

功能说明： base 标签为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

标准属性：href、target

href：设置或获取页面中所有链接在鼠标单击链接到的URL

target：设置或获取目标内容要显示于哪个窗口或框架

_blank：在一个新的未命名的窗口载入文档

_self：在相同的框架或窗口中载入目标文档

_parent：把文档载入父窗口或包含了超链接引用的框架集

_top：把文档载入包含该超链接的窗口，取代任何当前正在窗口中显示的框架

body …… /body

功能说明：定义HTML文档的主体，body包含HTML文档的所有内容。

标准属性：id(元素唯一标识)、html' target='_blank'>class(类名)、title(显示在工具提示中的文本)、style(行内样式定义)、dir(设置文本方向)、lang(设置语言码)、background(网页背景图像)、bgcolor(背景颜色)、text(设置文字颜色)、link(设置链接文字的颜色)、alink(设置链接时文字的颜色)、vlink(设置链接后文字的颜色)、leftmargin(左外边距)、topmargin(上外边距)、bgproperties(让背景图片不跟随网页滚动，它只有一个参数fixed)

以后出现相同属性的时候解释过后就不再进行说明

p …… /p

功能说明：定义一个文档的段落

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

使用要点：使用p来换行，并分隔段落。p元素是块元素，需要关闭标签

span …… /span

功能说明：用来组合文档中的内联元素

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

p …… /p

功能说明：定义文档中的分区或节

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

使用要点：p元素是用来为HTML文档内大块的内容提供结构和背景元素

功能说明：插入一个换行符

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

caption …… /caption

功能说明：定义一个表格标题

标准属性：align（对齐方式，包括left（左对齐）、right（右对齐）、top（顶端对齐）、bottom（底部对齐））、id、class、title、dir、lang

使用要点：caption元素应该是table元素的子对象，caption标签必须紧随table标签之后。只能对一个表格定义一个标题，通常标题居中于表格之上。

col

功能说明：为表格定义列属性值，定义的对象可以包括表格中的一个或多个列

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

可选属性：align（水平对齐方式，包括right（右对齐）、left（左对齐）、center（居中）、justify（两端对齐））

span（定义 col 应当横跨的列数，默认值为1）

valign（垂直对齐方式，包括top(顶端对齐)、middle（垂直居中）、bottom(低端对齐)、baseline（基线对齐））

width（定义列的宽度）

colgroup

功能说明：定义表格列的分组

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

可选属性：align、span（定义col应当横跨的列数，默认值为1）、valign、width

使用要点：只有在table标签内部才是合法的，可以对列进行组合来进行相应的格式化

fieldset

功能说明：将表单内的相关元素分组

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

使用要点：在字段集包含的文本和其他元素外面绘制方框

legend …… /legend

功能说明：可为fieldset定义一个标题

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

使用要点：legend元素必须是fieldset内的第一个元素，此元素是内嵌元素，需要关闭标签

iframe …… /iframe

功能说明：创建包含外部文档的内联框架

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

基本属性：name（定义内容页名称）、src（定义内容页URL）、frameborder（定义内容页的边框，取值为0/1，默认为1，0不显示边框，1在每个页面之间都显示边框）、marginwidth（定义框架中HTML文件显示的上下边界的宽度，默认值由浏览器决定）、marginheight（定义框架中HTML文件显示的左右边界的宽度，默认值由浏览器决定）、scrolling（定义是否有滚动条，取值yes/no/auto，默认值auto）、align、height、width

使用要点：iframe元素的作用相当于在一个文档中嵌入另一个文档，或者像一个漂浮的frame，创建内嵌漂浮框架，在iframe内容源文档，background-color或body元素的bgcolor标签属性必须设置为transparent。此元素是块元素，需要关闭标签

dt …… /dt

dd …… /dd

dt …… /dt

dd …… /dd

/dl

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

dl定义列表的显示样式

dt定义列表中的项目

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

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

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

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

h1……h6

h1 …… /h1

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

标准属性：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元素内部使用这些标签