关于前端:前端编程之路一一HTML标签分类

32次阅读

共计 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定义嵌入的 appletcode : 指向 java applet 的文件名应用 object 代替,H5 不反对
base为页面上的所有链接规定默认地址或默认指标
basefont定义基准字体 没有浏览器反对,不举荐应用
canvas定义图形,比方图表和其余图像 H5 新增
bdi设置一段文本,使其脱离其父元素的文本方向设置dir : 定义文本方向、- ltr left to right、- rtl left to right、- autoH5 新增,Firefox、Google 反对
button定义按钮 H5 新增了一些属性
caption定义表格题目 紧随 table 标签之后
datalist定义选项列表
dialog定义对话框或窗口
embed定义嵌入的内容,比方插件 H5 新增
figure规定独立的流内容 H5 新增
figcaption定义 figure 元素的题目 H5 新增
frameframeset 中的一个特定的窗口(框架)
frameset定义框架集
legend定义 fieldset 元素的题目
map定义图像映射
mark定义有记号的文本 H5 新增
正文完
 0