新增元素
结构元素
元素名称 | 说明 |
---|---|
header | 定义了文档的头部区域 |
nav | 定义导航连接的部分 |
section | 定义文档中的节(section、区段) |
article | 定义页面独立的内容区域 |
aside | 定义页面的侧边栏内容 |
footer | 定义section或document的页脚 |
网页元素
元素名称 | 说明 |
---|---|
video | 定义视频,如电影片段或其他视频流 |
audio | 定义音频,如音乐或其他音频流 |
canvas | 定义图形 |
datalist | 定义可选数据的列表 |
time | 定义日期或时间 |
mark | 在视觉上向用户呈现哪些需要突出的文字 |
progress | 运行中的进度(进程) |
新增属性
元素名称 | 说明 |
---|---|
contentEditable | 是否允许用户编辑内容 |
designMode | 整个页面是否可编辑 |
hidden | 是否对元素进行隐藏 |
spellcheck | 是否必须对元素进行拼写或语法检查 |
tabindex | 规定元素的Tab键移动顺序 |
伪类选择器
选择器 | 示例 | 说明 |
---|---|---|
:first-of-type | p:first-of-type | 选择所有属于其父元素的第一个p类型的元素 |
:last-of-type | p:last-of-type | 选择所有属于其父元素的最后一个p类型的元素 |
:first-child | p:first-child | 选择所有属于其父元素的第一个子元素的p元素 |
:last-child | p:last-child | 选择所有属于其父元素的最后一个子元素的p元素 |
:nth-child(n) | p:nth-child(n) | 选择所有属于其父元素的第n个字元素的p元素 |
:before | p:before | 在每个p元素的内容之前插入内容 |
:after | p:after | 在每个p元素的内容之后插入内容 |