HTML5新增元素
Posted So istes immer
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5新增元素相关的知识，希望对你有一定的参考价值。
新增结构化元素
article:文章块
section:区块，如章节、页眉、页脚
nav: 导航条
aside: 辅助栏
main：主要区域，主要内容
header: 页眉，页面标题栏
hgroup: 标题组
footer: 页脚栏(脚注)
新增语义信息
address: 联系信息，如作者，电子邮箱、地址
time: 显示时间
figure: 流媒体，如图像，图表，照片
figcaption：表示figure元素的标题，一个figure元素内只能有一个
details: 详细内容。描述文档中的细节，可以展开或收缩显示。用open属性实现，true就展开，false就收起
summary：details的子元素，可为details定义标题，details没有summary。浏览器会提供默认文字“详细信息”以供点击
mark: 记号文本，用来高亮显示一些信息
progress: 进度条
meter: 度量
dialog: 对话框，默认处于隐藏状态，可以在js中使用show()方法显示
bdi: 隔离文本
wbr: 换行断点
ruby、rt、rp：文本注释
command: 菜单命令，可以定义按钮，只有当它位于menu元素内才是可见的
添加了8个新的全局属性
①contentEditable可编辑内容：允许用户在线编辑元素中的内容
②contextmenu快捷菜单：用于定义元素的上下文菜单，右击元素时出现
③data-*自定义属性，例如data-animal-type
④draggable用于定义元素是否可以被拖动
⑤dropzone定义在元素上拖动数据时，是否复制、移动或链接被拖动数据（取值分别对应于：copy、move、link）
⑥hidden：设置元素的可见状态
⑦spellcheck：定义是否对元素进行拼写和语法检查
⑧translate可翻译
完善旧元素
①为a元素新增了3个元素
download: 设置被下载的超链接目标
media: 设置被链接文档是被何种媒介/设备优化的
type: 设置被链接文档的MIME类型
②为ol(有序列表)新增了reversed属性，用来设置列表顺序为降序显示
③重新定义了dl元素
④完善了cite（引用文本）元素
⑤重新定义了small元素
⑥为frame元素新增了3个属性
⑦为script元素新增async属性，规定异步执行脚本，仅适用于外部脚本
以上是关于HTML5新增元素的主要内容，如果未能解决你的问题，请参考以下文章