HTML5概述
HTML5 中的一些有趣的新特性:
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素,比如 article、footer、header、nav、section
- 新的表单控件,比如 calendar、date、time、email、url、search
HTML5 的改进
- 新元素
- 新属性
- 完全支持CSS3
- Video和audio
- 2D/3D制图
- 本地存储
- web应用
HTML5新元素
语义和结构元素
标签 | 描述 |
---|---|
article | 定义页面独立的内容区域。 |
aside | 定义页面侧边栏内容 |
details | 用于描述文档或文档的某一个细节。 |
dialog | 定义对话框,比如提示框 |
summary | 标签包含details元素的标题 |
figure | 规定独立的流内容(图表,照片,图像等) |
figcaption | 定义figure元素的标题 |
mark | 定义带有标记的文本 |
figcaption | 定义figure元素的标题 |
nav | 定义导航连接的部分 |
progress | 定义任何类型的任务进度 |
section | 定义文档中的某一个部分 |
time | 定义日期或者时间 |
新表单元素
标签 | 描述 |
---|---|
datalist | 定义选项列表,于input配合使用 |
keygen | 规定表单的密钥对生成器字段 |
output | 定义不同类型的输出 |
新多媒体元素
标签 | 描述 |
---|---|
audio | 定义音频内容 |
video | 定义视频 |
source | 定义多媒体资源audio和video |
embed | 定义嵌入的内容,比如插件 |
canvas新元素
标签 | 描述 |
---|---|
canvas | 标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API |
HTML5 表单
- 新表单元素, 新属性,新输入类型,自动验证。
已移除元素
- big
- center
- dir
- font
- frame
- frameset
- …
IE9 以下版本浏览器兼容HTML5的方法
<!--[if lt IE9]>
<script src=" "></script>
<![endif]-->