HTML5新增元素
HTML5出现了一些新的标签,如<nav></nav> <article></article> <section></section>这些可以加强文档语义化的。
也为form增加了很多新属性。
还出现了很多新的东西,如Canvas、WebStorage、Audio等等。
新增的标签
| section | 定义文档中的一个章节 |
|---|---|
| nav | 定义只包含导航链接的章节 |
| article | 定义可以独立于内容其余部分的完整独立内容 |
| aside | 定义和页面内容关联度较低的内容 |
| header | 定义页面或章节的头部 |
| footer | 定义页面或章节的尾部 |
| main | 定义文档中主要或重要的内容 |
| figure | 代表一个和文档有关的图例 |
| figcaption | 代表一个图例的说明 |
| data | 关联一个内容的机器可读的等价形式 |
| time | 代表日期和时间值;机器可读的等价形式通过datetime |
| mark | 代表一段需要被高亮的引用文字 |
| ruby | 代表被ruby注释标记的文本 |
| rt | 代表ruby注释 |
| rp | 代表ruby注释两边的额外插入文本 |
| wbr | 代表建议换行 |
| emed | 代表一个嵌入的外部资源 |
| video | 代表一段视频及其视频文件和字幕,并提供了播放视频的用户界面 |
| audio | 代表一段声音,或者音频流 |
| source | 为<video>或<audio>指定媒体源 |
| track | 为<viedo>或<audio>指定文本轨道 |
| canvas | 代表位图区域 |
| svg | 定义一个嵌入式矢量图 |
| math | 定义一段数学公式 |
| datalist | 代表提供给其他控件的一组预定义选项 |
| keygen | 代表一个密钥生成器控件 |
| output | 代表计算值 |
| progress | 代表进度条 |
| meter | 代表滑动条 |
| details | 交互元素——代表一个用户可以点击获取额外信息或控件的小部件 |
| summary | 代表details的元素综述或标题 |
| menuitem | 代表一个用户可以点击的菜单项 |
| menu | 代表菜单 |