共计 2024 个字符,预计需要花费 6 分钟才能阅读完成。
HTML 标签分类
HTML 标签有更多种,不仅限于以下标签,仅作记录。
块级元素
块级元素(block level element)
可包容内联元素和块状元素,宽度和高度起作用
总是独占一行,体现为另起一行开始,而且其后的元素也必须另起一行显示
宽度 (width)、高度(height)、内边距(padding) 和外边距 (margin) 都可管制
宽度没有设置时,默认为 100%
能够蕴含某些块级元素和内联元素
标签名 | 标签作用 | 次要属性 | 阐明 |
---|---|---|---|
address | 定义文档或文章的作者 / 拥有者的分割信息 | 相似于 acronym 标签,H5 不反对 | |
article | 定义文章 | H5 新增元素 | |
aside | 定义其所处内容之外的内容可用作文章的侧栏 | H5 新增 | |
audio | 声音内容 | autoplay : 音频就绪后自动播放、controls : 向用户显示控件、loop : 完结后从新播放、muted : 静音播放、preload : 加载页面时加载,准备播放,与 autoplay 属性抵触、src : 音频地址 | H5 新增 |
blockquote | 定义块援用 | ||
center | 居中对齐块 | 不举荐应用 | |
dir | 目录列表 | 不举荐应用 | |
div | 定义节 | ||
dl | 定义列表 | ||
fieldset | 定义围绕表单中元素的边框 | ||
footer | 定义文档或节的页脚 | H5 新增 | |
form | 定义供用户输出的 HTML 表单 | ||
hr | 程度分隔线 | ||
h1 – h6 | 定义 HTML 题目 | ||
header | 定义 section 或 page 的页眉 | H5 新增 | |
iframe | 定义内联框架 | ||
nav | 定义导航链接 | H5 新增 | |
noframes | 不反对框架的用户的代替内容 | ||
noscript | 不反对客户端脚本的用户的代替内容 | ||
section | 定义文档中的节(section、区段)。比方章节、页眉、页脚或文档中的其余局部 | ||
ol | 排序列表 | ||
ul | 非排序列表 | ||
p | 段落 | ||
pre | 格式化文本 | ||
table | 表格 |
内联元素
内联元素(inline element)
只能包容文本或其它内联元素,宽度和高度不起作用
内联元素容许其余内联元素与其位于同一行
宽度 (width)、高度(height)、内边距的 top/bottom(padding-top/padding-bottom) 和外边距的 top/bottom(margin-top/margin-bottom)都不可扭转
宽高就是内容的高度,不能够扭转
只能内联元素,不能蕴含块级元素
标签名 | 作用 | 属性 | 阐明 |
---|---|---|---|
a | 锚点定义超链接,用于从一张页面链接到另一张页面 | href : 指向链接指标、target : 关上链接的形式、- _blank 关上新标签页、- _parent 笼罩父页面、- _self 以后标签页、- _top 笼罩以后页面、- framename | |
abbr | 缩写通过对缩写进行标记,可能为浏览器、拼写检查和搜索引擎提供有用的信息 | 相似于 acronym 标签,H5 不反对 | |
b | 粗体字 | 不举荐 | |
bdo | 笼罩默认的文本方向,设置文字方向 | dir : 定义文字方向、- ltr left to right、- rtl left to right、- auto | |
big | 大号字体 | ||
br | 换行 | ||
cite | 定义援用 | ||
code | 定义计算机代码 | ||
dfn | 定义我的项目 | ||
em | 强调文本 | ||
img | 图片 | ||
input | 定义输出控件 | ||
meter | 度量 | high : 被视作高的值的范畴、low : 被视作低的值的范畴、max : 范畴的最大值、min : 范畴的最小值、optimum : 度量的优化值、value : 度量的以后值 | H5 新增 |
progress | 标示工作的进度(过程) | max : 总值、value : 以后值 | H5 新增 |
span | 罕用内联容器,定义文本内区块 |
其余元素
因为有一些元素须要一些其余文件的反对,无奈测试其分类
标签名 | 作用 | 属性 | 阐明 |
---|---|---|---|
area | 带有可点击区域的图像映射 | ||
嵌套在 <map> 标签中 | coords : 定义可点击区域的坐标、shape : 定义区域的相状、- default- rect 矩形(左上角右下角坐标)、- circle 圆形(圆心坐标半径长度)、- poly 多边形(多边形各项顶点的坐标值) | <img> 标签中的 usemap 属性与 map 标签 name 属性相关联 | |
applet | 定义嵌入的 applet | code : 指向 java applet 的文件名 | 应用 object 代替,H5 不反对 |
base | 为页面上的所有链接规定默认地址或默认指标 | ||
basefont | 定义基准字体 | 没有浏览器反对,不举荐应用 | |
canvas | 定义图形,比方图表和其余图像 | H5 新增 | |
bdi | 设置一段文本,使其脱离其父元素的文本方向设置 | dir : 定义文本方向、- ltr left to right、- rtl left to right、- auto | H5 新增,Firefox、Google 反对 |
button | 定义按钮 | H5 新增了一些属性 | |
caption | 定义表格题目 | 紧随 table 标签之后 | |
datalist | 定义选项列表 | ||
dialog | 定义对话框或窗口 | ||
embed | 定义嵌入的内容,比方插件 | H5 新增 | |
figure | 规定独立的流内容 | H5 新增 | |
figcaption | 定义 figure 元素的题目 | H5 新增 | |
frame | frameset 中的一个特定的窗口(框架) | ||
frameset | 定义框架集 | ||
legend | 定义 fieldset 元素的题目 | ||
map | 定义图像映射 | ||
mark | 定义有记号的文本 | H5 新增 |
正文完