html5

HTML狭义上可以理解为新一代的HTML，广义上是HTML + css + js的综合；

HTML5多了点什么？可以分为三部分，html部分，css部分和 js部分

HTML部分：

1、新标签

　　更语义化的标签 ：

　　　　header nav section article footer aside 等   目的：让浏览器或网络爬虫更好的解析，从而更好地分析其中的内容，更好地搜索引擎优化

　　应用程序标签 ：

　　　　DataList(数据列表) Progress(进度条) Meter(数值显示器)

2、新属性 ：

　　　　 rel属性——描述链接关系 用来描述指定链接与当前文档的关系，便于机器理解文档结构；  

　　　　 ARIA属性 ——Accessible Rich Internet Application (无障碍富互联网应用程序)，主要针对于屏幕阅读设备(e.g. NVDA)，更快更好地理解网页，不仅仅是为了盲人用户，               更多语义化；

　　　　自定义属性：data-* —— 通过DOM存储与DOM对象强相关的数据

3、智能表单 ： 

　　　　新的表单类型：email color number search range date 等

4、网页多媒体 

　　　　音频audio  视频video

5、canvas

6、SVG

 

 

css部分：

 

js部分：

jsAPI:

1、核心平台的提升：新的选择器；访问历史API

2、网页存储   在客户端存储数据  

• localStorage - 没有时间限制的数据存储
• sessionStorage - 针对一个 session 的数据存储

3、设备信息访问

4、拖放操作

5、文件访问

6、网络访问

7、多线程

8、web离线缓存   这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。

应用程序缓存为应用带来三个优势：

• 离线浏览 - 用户可在应用离线时使用它们
• 速度 - 已缓存资源加载得更快
• 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

9、地理定位   getCurrentPosition()