HTML5 作为下一代的 HTML 仍在完善中,大多数的浏览器都支持了 HTML5,那么 HTML5 的新特性有哪些呢?
canvas
<canvas>是 HTML5 中新定义的标签,它可以在浏览器中绘制你想要的图形
| 标签 | 描述 |
| <canvas> | 标签定义图像,比如图表和其它图像。该标签基于 Javascript 的绘图 API |
video 和 audio
<video>可以把视频引入到 HTML 文档中,<audio>可以为 HTML5 播放音频
| 标签 | 描述 |
| <audio> | 定义音频内容 |
| <video> | 定义视频(video 或者 movie) |
| <source> | 定义多媒体资源<video>和<audio> |
| <embed> | 定义嵌入的内容,比如插件。 |
| <track> | 为诸如<video>和<audio>元素之类的媒介规定外部文本轨道 |
datalist
<datalist>需要与 input 元素配合显示出可选的列表内容
| 标签 | 描述 |
| <datalist> | 定义选项列表。请于 input 元素配合使用该元素,来定义 input 可能的值 |
| <keygen> | 规定用于表单的密钥对生成器字段 |
| <output> | 定义不同类型的输出,比如脚本的输出 |
其他语义和结构的新元素
| 标签 | 描述 |
| <article> | 定义页面独立的内容区域 |
| <aside> | 定义页面的侧边栏内容 |
| <bdi> | 允许您设置一段文本,使其脱离其父元素的文本方向设置 |
| <command> | 定义命令按钮,比如单选按钮、复选框或按钮 |
| <details> | 用于描述文档或文档某个部分的细节 |
| <dialog> | 定义对话框,比如提示框 |
| <summary> | 标签包含 details 元素的标题 |
| <figure> | 规定独立的流内容(图像、图表、照片、代码等等)。 |
| <figcaption> | 定义<figure>元素的标题 |
| <footer> | 定义 section 或 document 的页脚。 |
| <header> | 定义了文档的头部区域 |
| <mark> | 定义带有记号的文本。 |
| <meter> | 定义度量衡。仅用于已知最大和最小值的度量。 |
| <nav> | 定义导航链接的部分。 |
| <progress> | 定义任何类型的任务的进度。 |
| <rudy> | 定义 ruby 注释(中文注音或字符)。 |
| <rt> | 定义字符(中文注音或字符)的解释或发音。 |
| <rp> | 在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。 |
| <section> | 定义文档中的节(section、区段)。 |
| <time> | 定义日期或时间。 |
| <wbr> | 规定在文本中的何处适合添加换行符。 |
以上就是小编为您整理的关于 HTML5新特性 的全部内容。
小狮博客