在HTML5中新的元素
下面是一个新的HTML5元素，并描述他们用来做什么.
新语义/结构元素
HTML5为了更好的文档结构提供了新的元素：
| 标签 | 描述 |
|---|---|
| <article> | 定义文档中的文章 |
| <aside> | 从页面内容中定义边栏内容 |
| <bdi> | 定义可能与其他文本以不同方向格式化的文本的一部分 |
| <details> | 定义用户可以查看或隐藏的其他详细信息 |
| <dialog> | 定义对话框或窗口 |
| <figcaption> | 为<figure> 元素定义一个标题 |
| <figure> | 定义一个自包含内容，, 像 插图, 图表, photos, 代码列表等. |
| <footer> | 为文档或节定义页脚 |
| <header> | 文档或节定义页眉 |
| <main> | 定义文档的主要内容 |
| <mark> | 定义标记或突出文本 |
| <menuitem> | 定义一个命令或菜单项，用户可以从一个弹出式菜单调用 |
| <meter> | 在已知范围内定义标量测量（量规） |
| <nav> | 定义文档中的导航链接 |
| <progress> | 定义任务的进度 |
| <rp> | 定义不支持Ruby注释的浏览器中显示的内容 |
| <rt> | 义字符的解释/发音（东亚印刷） |
| <ruby> | 定义ruby注释（东亚印刷） |
| <section> | 定义文档中的一节 |
| <summary> | 定义可见标题 为 a <details> 元素 |
| <time> | 定义日期/时间 |
| <wbr> | 定义可能的换行符 |
阅读更多关于HTML5 语义元素.
新的表单元素
| 标签 | 描述 |
|---|---|
| <datalist> | 定义输入控件的预定义选项 |
| <keygen> | 定义密钥对生成器字段（用于表单） |
| <output> | 定义计算结果 |
阅读更多新旧 HTML 表单元素.
新的输入类型
| 新的Input类型 | 新的Input属性 |
|---|---|
|
|
学习所有旧的和新的输入类型尽在 HTML Input 类型.
学习所有关于输入属性尽在 HTML Input 属性.
HTML5 -新属性语法
HTML5 允许四种不同的属性语法.
这个例子演示了使用一个不同的语法在 <input> 标签中:
| Type | Example |
|---|---|
| 空 | <input type="text" value="John" disabled> |
| 不带引号 | <input type="text" value=John> |
| 双引号 | <input type="text" value="John Doe"> |
| 单引号 | <input type="text" value='John Doe'> |
在HTML5中，所有四个语法可以使用，这取决于属性的需要.
HTML5 图形
| 标签 | 描述 |
|---|---|
| <canvas> | 使用JavaScript画图 |
| <svg> | 绘制可伸缩矢量图形 |
阅读更多关于 HTML5 Canvas.
阅读更多关于 HTML5 SVG.
新多媒体元素
| 标签 | 描述 |
|---|---|
| <audio> | 定义声音内容 |
| <embed> | 定义外部应用程序的容器 (像 plug-ins) |
| <source> | 定义 <video> and <audio>的源 |
| <track> | 定义<video> and <audio>的轨迹 |
| <video> | 定义视频或电影内容 |
阅读更多关于 HTML5 视频.
阅读更多关于 HTML5 音频.