HTML5中的新特性介绍

1、语义化标签

HTML5中提供了新的元素标签，用来创建更好的页面结构 例如：

<article></article>    //定义页面独立的内容区域
<aside></aside>       //定义侧边栏
<details></details>   //用于描述文档或文档某个部分的细节
<footer></footer>    //定义 section 或 document 的页脚。
<header></header>    //定义了文档的头部区域
<mark></mark>      // 定义带有记号的文本
<nav></nav>        //定义导航链接部分
....
....
....

2、用于媒介播放的元素

<video></video>    //视频播放元素
<audio></audio>    //音频播放元素

3、表单控件增强

input 属性新增

• color --用于颜色选择
• date --用于日期选择
• datetime --用户日期选择（UTC时间）
• email --用户填写邮箱
• month --选择月份
• number --输入数字
• range --填写数字范围
• tel --电话号码
• ...等等

  4、表单元素新增

• datalist
• keygen
• output

  5、本地存储方式新增

• sessionStorage --临时保存
• localStorage --长久保存
• webSql --本地数据库

  6、canvas绘画支持

  新增canvas标签，定义图形，使用脚本来绘制图形

  7、Geolocation （地理定位）

  HTML5 Geolocation API 用于获得用户的地理位置。