您的位置：首页 > Web前端 > HTML5

HTML5元素速查手册

2016-08-17 16:33 148 查看
文档和元数据元素

元素说明类型新增有无变化其他
base设置相对URL的基础

让html中的相对链接在此基础上进行解析		元数据无局部属性：href，target
body表示HTML文档的内容无有
DOCTYPE表示HTML文档的开头无有每个HTML文档都必须以DOCTYPE元素开头<!DOCTYPE HTML>高速浏览器两件事：第一，他

处理的是HTML文档；第二，用来标记文档内容的HTML所属版本
head包含文档的元数据无有必须有一个title元素
html表示文档中HTML部分的开始无有局部属性：manifest
link定义与外部资源（通常是样式表或网站图标）的关系元数据有href/rel/hreflang/media/type/sizes
meta提供关于文档的信息元数据有局部属性：name、content、charset、http-equiv:(refresh\default-style\dontent-type)
noscript包含浏览器禁用脚本或不支持脚本时显示的内容元数据，短语无
script定义脚本程序元数据，短语有不可使用自闭和标签
style定义CSS样式元数据有局部属性：type,media,scoped
title设置文档标题元数据无
文本元素
//很多元素在HTML4中只具有呈现性质的含义，HTML5中，其语意如说明，呈现性的一面已降格为习惯样式去替代。可见HTML5想将含义和呈现分开，又想保持与HTML4的兼容。

元素说明类型新增有无变化其他
a生成超链接短语、流有局部属性： herf,hreflang,media,rel,target:(_blank/_parent/_self/_top/<frame>),type
abbr缩略语短语无其title属性表示的是该缩写的完整词语
b不带强调或重意味地标记一段文字短语有习惯样式b{font-weight:bolder;}
br表示换行短语无
cite表示其他作品的标题短语有习惯样式i{font-style:italic;}
code表示计算机代码片段短语无习惯样式code{font-family:monospace;;}
del表示从文档中删除的字体短语、流新增习惯样式ins{text-decoration:line-through;}
dfn表示术语定义短语无
em表示着重强调的一段文字短语无习惯样式em{font-style:italic;}
i表示与周边内容秉性不同的文字短语有习惯样式i{font-style:italic;}
ins表示加入文档的文字短语、流无习惯样式ins{text-decoration:underline;}
kbd表示用户输入内容短语无习惯样式kbd{font-family:monospace;}
mark表示因为与上下文中另一词语相关而被突出显示的内容短语新增
q表示引自他处的内容短语无
rp与ruby元素结合使用，标记括号短语新增eg:<ruby> 魑<rp>(</rp><rt>chi</rt><rp>)</rp></ruby>
rt与ruby元素结合使用，标记注音符号短语新增
ruby表示位于表意义文字上方或右方的注音符号短语新增
s表示文字已不再准确短语有习惯样式s{text-decotation:line-through;}
samp表示计算机程序的输出内容短语无习惯样式samp{font-family:monospace;}
small表示小号字体内容短语有习惯样式small{font-size:smaller;}
span一个没有自己语义的通用元素短语无
strong表示重要内容短语无习惯样式strong{font-weight:bolder;}
sub表示下标文字短语无习惯样式sub{vertical-align:sub;font-size:smaller;
sup表示上标文字短语无习惯样式sub{vertical-align:super;font-size:smaller;
time表示时间或日期短语新增局部属性：datetime、pubdata
u不带强调或重意味地标记一段文字短语有习惯样式u{text-decoration:underline;}
var表示程序或系统中的变量短语无习惯样式var{font-style:italic;}
wbr表示可以安全换行的地方短语新增对恰当换行位置的建议，由浏览器决定。
bdo指定内容中文字的方向短语无必须有全局属性dir：（rtl/ltr）
bdi表示一段出于文字方向考虑而与其他内容隔离开来的文字短语新增
对内容分组组织内容

元素说明类型新增有无变化其他
blockquote表示引自他出的大段内容流无与q相似，但引用内容更多
dd用在dl元素之中，表示定义无无
div没有语义的通用元素，是span元素在流元素中的对应物流无使用该元素前先想想HTML的section，article等新增元素
dl表示包含一系列术语和定义的说明列表流无一个dt元素可以搭配多个dd元素，就能为一个术语提供多个定义
dt用在dl元素之中，表示术语无无
figcaption表示figure元素的标题无新增
figure表示图片流新增
hr表示段落级别的主题转换，向另一个相关主题转换流有
li用在ul,ol,menu元素中，表示列项无有局部属性value（ol时）
ol有序列表流有局部属性：start、reversed、type:(1/a/A/i/I)
p表示段落流有元素内多个连续空白字符视为一个空格
pre表示其格式应被保留的内容流无除非原始格式意义重大，最好不用此元素
ul表示无序列表流有
划分内容
//尽管制作符合规范的HTML5文档不是非要用这些新元素不可，但是为在HTML带来语义的努力过程中，他们是最主要的成果之一

元素说明类型新增有无变化其他
address表示文档或article的联系信息流新增不能用来表示文档或文章的联系信息之外的地址
article表示一段独立成篇的内容流新增
aside表示与周边内容稍有牵涉的内容流新增
details生成一个区域，用户将其展开可以获得更多知识流新增
footer表示尾部流新增
h1~h6表示标题流无
headr表示首部流新增
hgroup将一组标题组织在一起，以便文档大纲只显示其中第一个标题流新增
nav表示有意集中在一起的导航元素流新增
section表示一个重要的概念或主题流新增表示文档中的一节（代替div）
summary用在details元素中，表示该元素内容的标题和说明无新增
表格元素

元素说明类型新增有无变化其他
caption表示表格标题无有
col表示一列无有局部属性：span：数字，不用则代表一列。colgroup为父级元素
colgroup表示一组列无有局部属性：span：数字
table表示表格流有局部属性：border：（1/""），其他width等属性已不再使用，其功能改用css实现。
tbody表示表格主体无有
td表示单元格无有tr为父级，局部属性colspan、rowspan、headers
tfoot表示表脚无有放在tbody前后或最后一个tr后
th表示标题行单元格无有tr为父级，用以说明td元素中包含的数据含义，局部属性：colspan，rowspan，scope，headers
thead表示标题行无有
tr表示一行（单元格）无有
表单

元素说明类型新增有无变化其他
button表示可用来提交或重置表单的按钮（或一般按钮）短语有局属:name，disabled，form，type，value，autofocus， 以及取决于type属性的其他一些属性
datalist定义一组提供给用户的建议值流有
fieldset表示一组表单元素流有局属：name，form，disabled
form表示HTML表单流有局属:action,method,enctype,name,accept-charset,nocalidate,target,autocomplete
input表示用来收集用户输入数据的控件短语有局属:name,disabled,form,type,以及取决于type属性的其他一些属性
keygen生成一对公钥和私钥短语新增
label表示表单元素的说明标签短语有局属：for，form
legend表示fieldset元素的说明标签无有使用时必须是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表示视频资源无新增
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html5 元素大全 元素分类 元素说明 html
相关文章推荐
新的分享
章节导航