HTML5宏观概览、新增特性一览

什么是html5？

狭义上来说HTML5 是指HTML（超文本标记语言）第5次重大修改，HTML的第5代。

但是，HTML5草案的前身是WebApplication（WHATWG在2004年提出，2007年被W3C接纳）。HTML5的第一个草案在2008-01-22由W3C发布。

严格上来说HTML5不是下一代HTML。

HTML5≈HTML↑（升级版本的HTML）+CSS↑（升级版的CSS）+JavaScript API↑

So，HTML5广义上来讲是：新一代开发web富客户端应用程序整体解决方案

structure（结构）->style（样式）->interactive（交互）

HTML5特性：拥有很强交互性和体验的客户端程序

 

HTML5的应用场景：

1. 特效网页（apple.com）

2. 网页应用程序（iCloud、美团、淘宝）

3. 混合式本地应用（网易云音乐、有道、京东、淘宝）

4. 部分游戏

html5到底多了点什么？

 

html变化：

一、标签

1.更语义化标签     2.应用程序标签

二、属性

1.链接关系描述     2.结构数据标记     3.ARIA    4.自定义属性

三、智能表单

1.新的表单类型     2.虚拟键盘适配

四、网页多媒体

1.音频    2.视频     3.字幕

五、Canvas

1.2D    2.3D(WebGL)

六、SVG

·javascript API 变化：

一、核心平台提升

1.新的选择器    2.Element.classList   3.访问历史API    4.全屏API

二、网页存储

1.Application Cache  2.localStorage    3.sessionStorage   4.WebSQL  5.indexedDB

三、设备信息访问

1.网络状态   2.硬件访问  3.设备方向  4.地理围栏

四、拖放操作

1.网页内拖放  2.桌面拖入  3.桌面拖出

五、文件

1.文件系统API   2.FileReader

六、网络访问

1.XML HttpReques  2.fetch    3.WebSocket

七、多线程

八、桌面通知

 

HTML5所具有的特点：

1. 增加语义化标签：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

语义化优点：

·  为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；

· 用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；

· 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；

· 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；

· 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

2. 增加了音频（audio）、视频（video）标签，取代flash

3. Canvas标签：在浏览器上绘制图形或者动画，取代flash

4. 移动设备响应式布局

5. 缺点：低版本浏览器兼容较差

 

语义化标签：http://www.html5jscss.com/html5-semantics-section.html

HTML5 新特性：https://www.w3.org/TR/2014/WD-html5-diff-20140918/