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>