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元素

⑥为iframe元素新增了3个属性

⑦为script元素新增async属性，规定异步执行脚本，仅适用于外部脚本