文档和元数据元素
| 元素 | 说明 | 类型 | 新增有无变化 | 其他 | |
| 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 | 表示视频资源 | 无 | 新增 |
扫一扫
184
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
