HTML5 新元素
HTML5中的新元素
自从1999年,HTML 4.01成为标准后,互联网和使用互联网发生了很大的变化.
今天,HTML 4.01中的一些元素被废弃了,不在使用了,或者没有发挥出预期使用它们的作用。 在HTML5中,这些元素被删除或被重写.
为了更好的处理当今互联网的需求,HTML5也新增了一些新元素,可以画图,显示媒体内容,更好的页面结构和更好的表单处理机制,以及一些新的API,例如拖拽,获取用户的地理位置,本地存储等等。
下面是HTML5新增的HTML元素名称、描述和用途.
新的 <canvas> 元素
标签 | 描述 |
---|---|
<canvas> | 使用JavaScript定义了图形的绘制 |
新的媒体元素
标签 | 描述 |
---|---|
<audio> | 定义声音或音乐内容 |
<embed> | 定义外部应用的容器(像插件) |
<source> | 定义 <video> 和 <audio>元素的来源 |
<track> | 定义 <video> 和 <audio>的追踪 |
<video> | 定义视频或电影的内容 |
新的表单内容
标签 | 描述 |
---|---|
<datalist> | 定义了输入控件预定义的选项 |
<keygen> | 定义键值对生成域(为表单) |
<output> | 定义计算的结果 |
新的语义/结构元素
HTML5 提供新元素创造更好的结构:
标签 | 描述 |
---|---|
<article> | 在文档中定义一篇文章 |
<aside> | 定义其所处内容之外的内容 |
<bdi> | 允许您设置一段文本,使其脱离其父元素的文本方向设置 |
<details> | 定义了用户可以查看或隐藏的更多细节 |
<dialog> | 定义一个对话框或窗体 |
<figcaption> | 为<figure>元素定义标题 |
<figure> | 规定独立的流内容(图像、图表、照片、代码等) |
<footer> | 定义文档或段落的页尾 |
<header> | 定义文档或段落的页头 |
<main> | 定义文档的主要内容 |
<mark> | 定义标记或高亮文本 |
<menuitem> | 定义一个命令/菜单项弹出菜单,用户可以调用 |
<meter> | 定义了一个标量测量已知的范围内 |
<nav> | 定义导航链接的文档 |
<progress> | 定义了任务的进度 |
<rp> | 定义了显示在浏览器不支持ruby注释 |
<rt> | 定义了一个解释/字符的发音(东亚字体) |
<ruby> | 定义了一个ruby注释(东亚字体) |
<section> | 定义文档中的一个部分 |
<summary> | <details> 元素的标题 |
<time> | 定义了一个日期/时间 |
<wbr> | 在文本中添加换行符 |
已删除的元素
下方是在HTML5中已经删除的HTML 4.01元素:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>