HTML5标签汇总

HTML5是遵守结构与表现分离的,所以更改了大部分像b元素这种有表现因素的元素的定义。

元素的选用原则

  • 语义化标签应该按照内容对语义的需求来使用,而非滥用。
  • 相同元素的语义要在文档中从一而终,这样方便后期更改。
  • 每个元素针对的是一种特定类型的内容。如果找不到合适的元素,那么可以使用通用元素span和div,并用全局属性class来表明其含义。

接下来看一下HTML中都包含哪些元素


文档和元数据元素
元素说明类型新增或有无变化
base设置相对URL的基础元数据无变化
body表示HTML文档的内容有变化
DOCTYPE表示HTML文档的开始有变化
head包含文档的元数据无变化
html表示文档中HTML部分的开始有变化
link定义与外部资源(通常是样式或网站图标)的关系元数据有变化
meta提供关于文档的信息元数据有变化
noscript包含浏览器禁用脚本或不支持脚本时显示的内容元数据,短语无变化
script定义脚本程序,可以是文档内嵌的也可以是外部文件中的元数据,短语有变化
style定义CSS样式元数据有变化
title设置文档标题元数据无变化

 

 


文本元素
元素说明类型新增或有无变化
a生成超链接短语,流有变化
abbr缩略语短语无变化
b不带强调或着重意味地标记一段文字短语有变化
br表示换行短语无变化
cite表示其他作品的标题短语有变化
code表示计算机代码片段短语无变化
del表示从文档中删除的文字短语,流新增
dfn表示术语定义短语无变化
em表示着重强调的一段文字短语无变化
i与周边内容秉性不同的一段文字,例如来自另一种语言的词语短语有变化
ins表示加入文档的文字短语,流无变化
kbd表示用户输入内容短语无变化
mark表示一段因为与上下文中另一词语相关而被突出显示的内容短语新增
q表示引自别处的内容短语无变化
rp与ruby元素结合使用,标记括号短语新增
rt与ruby元素结合使用,标记注音符号短语新增
ruby表示位于表意文字上方或右方的注音符号短语新增
s表示文字已不再准确短语有变化
samp表示计算机程序的输出内容短语无变化
small表示小号字体内容短语有变化
span一个没有自己语义的通用元素。可以用在希望应用全局属性却又不想引入额外语义的情况短语无变化
strong表示重要内容短语无变化
sub表示下标文字短语无变化
sup表示上标文字短语无变化
time表示时间或日期短语新增
u不带强调或着重意味地标记一段文字短语有变化
var表示程序或计算机系统中的变量短语无变化
wbr表示可安全换行的地方短语新增

 


对内容分组的元素
元素说明类型新增或有无变化
blockquote表示引自他处的大段内容无变化
dd用在dl元素之中,表示定义无变化
div一个没有任何既定语义的通用元素,是span元素在流元素中的对应物无变化
dl表示包含一系列术语和定义的说明列表无变化
dt用在dl元素之中,表示术语无变化
figcaption表示figure元素的标题新增
figure表示图片新增
hr表示段落级别的主题转换有变化
li用在ul,ol和menu中,表示列表项有变化
ol表示有序列表有变化
p表示段落有变化
pre表示其格式应被保留的内容无变化
ul表示无序列表有变化

 


用于划分内容的元素
元素说明类型新增或有无变化
address表示文档或article的内容新增
article表示一段独立的内容新增
aside表示与周边内容稍有牵涉的内容新增
details生成一个区域,用户将其展开可以获得更多细节知识新增
footer表示尾部新增
h1~h6表示标题无变化
header表示首部新增
hgroup将一组标题组织在一起,以便文档大纲只显示其中第一个标题新增
nav表示有意集中在一起的导航元素新增
section表示一个重要的概念或主题新增
summary用在details元素中,表示该元素内容的标题或说明新增

 


表格元素
元素说明类型新增或有无变化
caption表示表格标题有变化
col表示一列有变化
colgroup表示一组列有变化
table表示表格有变化
tbody表示表格主体有变化
td表示单元格有变化
tfoot表示表脚有变化
th表示标题行单元格有变化
thead表示标题行有变化
tr表示一行单元格有变化

 


表单元素
元素说明类型新增或有无变化
button表示可用来提交或重置表单的按钮(或一般按钮)短语有变化
datalist定义一组提供给用户的建议值有变化
fieldset表示一组表单元素有变化
form表示HTML表单有变化
input表示用来收集用户输入数据的控件短语有变化
keygen生成一对公钥和私钥短语新增
label表示表单元素的说明标签短语有变化
legend表示fieldset元素的说明性标签无变化
optgroup表示一组相关的option元素无变化
option表示供用户选择的一个选项无变化
output表示计算结果短语新增
select给用户提供一组固定的选项短语有变化
textarea用户可以用它输入多行文字短语有变化

 


嵌入元素
元素说明类型新增或有无变化
area表示一个用于客户端分区响应图的区域短语有变化
audio表示一个音频资源新增
canvas生成一个动态的图形画布短语,流新增
embed用插件在HTML文档中嵌入内容短语新增
iframe通过创建一个浏览上下文在一个文档中嵌入另一个文档短语有变化
img嵌入图像短语有变化
map定义客户端分区响应图短语,流有变化
meter嵌入数值在许可值范围背景中的图形表示短语新增
object在HTML文档中嵌入内容。也可用于生成浏览上下文和生成客户端分区响应图短语,流有变化
param表示将通过object元素传递给插件的参数无变化
progress嵌入目标进展或任务完成情况的图形表示短语新增
source表示媒体资源新增
svg表示结构化矢量内容新增
track表示媒体的附加轨道(例如字幕)新增
video表示视频资源新增

 


还有两个尚未实现的元素,即command和menu。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值