HTML5有哪些新特性,移除了哪些元素?
- Html5新增了 27 个元素,废弃了 16 个元素
- HTML5 的元素按优先级定义为 4 大类:结构性元素、级块性元素、行内语义性元素和交互性元素。
结构性元素 | 主要负责web上下文结构的定义。 |
---|---|
级块性元素 | 主要完成web页面区域的划分,确保内容的有效分割。 |
行内语义性元素 | 主要完成web页面具体内容的引用和描述,是丰富内容展示的基础。 |
交互性元素 | 主要用于功能性的内容表达,会有一定的内容和数据的关联,是各种事件的基础。 |
4.结构性元素
section | 在 web 页面应用中 ,该元素也可以用于区域的章节描述 |
---|---|
header | 页面主体上的头部, header 元素往往在一对 body 元素中 |
footer | 页面的底部(页脚),通常会标出网站的相关信息 |
nav | 专门用于菜单导航、链接导航的元素,是 navigator 的缩写 |
article | 用于表现一篇文章的主体内容,一般为文字集中显示的区域 |
5.级块性元素
aside | 用于表达注记、贴士、侧栏、摘要、插入的引用等作为补充主体的内容 |
---|---|
figure | 是对多个元素进行组合并展示的元素,通常与 ficaption 联合使用 |
code | 表示一段代码块 |
dialog | 用于表达人与人之间的对话,该元素包含 dt 和 dd 这两个组合元素, dt 用于表示说话者,而 dd 用来表示说话内容 |
6.行内语义性元素
meter | 表示特定范围内的数值,可用于工资、数量、百分比等 |
---|---|
time | 表示时间值 |
progress | 用来表示进度条,可通过对其 max、 min 、 step 等属性进行控制,完成对进度的表示和监事 |
video | 视频元素,用于支持和实现视频文件的直接播放,支持缓冲预载和多种视频媒体格式 |
audio | 音频元素,用于支持和实现音频文件的直接播放,支持缓冲预载和多种音频媒体格式 |
7.交互性元素
details | 用来表示一段具体的内容,但是内容默认可能不显示,通过某种手段(如单击)与 legend 交互才会显示出来 |
---|---|
datagrid | 用来控制客户端数据与显示,可以由动态脚本及时更新 |
menu | 主要用于交互菜单(曾被废弃又被重新启用的元素) |
command | 用来处理命令按钮 |