认识HTML5

什么是html5

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变

HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持

html5起步

HTML5 是 W3C 与 WHATWG 合作的结果

WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML（HTML5）

1999年，w3chtml4.01发布

2000年，w3c发布xhtml1.0

2004年，w3c内部对xhtml2产生分歧，WHATWG成立

2006年，w3c和WHATWG开发下一代html

2007年，html5第一份正式草案公布

2012年，html5成为推荐标准

html5的主要功能

1.音频和视频播放

视频已经在 Web 上广泛流行了，但是其格式几乎都是专有的。YouTube 使用 Flash，Microsoft 使用Windows Media®，Apple 使用 QuickTime

由于在一种浏览器中用来嵌入这些内容的标记在另一种浏览器中是无效的。

HTML5新增<audio>和<video>标签使得浏览器不需要插件即可播放视频和音频

2.动画canvas

HTML 5 引进了很多新特性，其中最令人期待的之一就是 canvas 元素。HTML 5 canvas 提供了通过JavaScript 绘制图形的方法，此方法使用简单但功能强大。每一个 canvas 元素都有一个"上下文( context )"(想象成绘图板上的一页)，在其中可以绘制任意图形。浏览器支持多个 canvas 上下文，并通过不同的 API 提供图形绘制功能。

3.地理信息

HTML5 的另一个功能是地理信息定位功能，一些浏览器提供了 geolocation API ，这个 API 也由 W3C管理，可以结合 HTML5 实现你当前地理位置定位。Google Maps 在使用该功能，在 Google 地图上，有一个小圆圈，点击一下，就能告诉 Google 地图你现在的地理位置。目前，Geolocation API 并没有被众多桌面浏览器广泛采用(只有 Chrome 和 Firefox 3.6+ 采用了)，但 Google Gears 插件可以帮助那些旧浏览器实现该功能

4.硬件加速

Web 开发人员只需使用 HTML5 标记就可以利用硬件加速的优势以及可以通过多种设备访问数据的强大云环境。针对您的网站，使用像 SVG 这样的技术来优化包括台式机和笔记本电脑等尺寸较大的电脑，以及智能手机和平板电脑等更多便携设备上的体验

5.WEB SOCKET

WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送

浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。

当你获取 Web Socket 连接后，你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。

6.本地离线应用程序

HTML5中，新增了一个API，利用本地缓存机制，为离线的Web应用程序开发提供了可能

为了能够让Web应用程序在离线状态的时候也能正常工作，必须把所有构成Web应用程序的资源文件，诸如HTML文件，CSS文件，JavaScript脚本文件放在本地缓存中，当服务器没有和网络连接时，也可以利用本地缓存中的资源文件来正常运行Web应用程序

7.本地存储

相对于HTML4只能使用cookie在客户端存储数据，大小受限制，占用带宽，操作复杂的情况。 HTML5支持使用Web Storage在客户端进行存储数据，容量更大，减轻带宽压力，操作简便

8.语义化标记

HTML5的最大的意义在于改变了 Web文档的结构方式，借助 header, footer, section, article 这些标签，我们可以实现更具结构化，语义化的 Web 文档。这样，搜索引擎可以更容易索引 Web 站点，我们也可以搜索到更快，更准确的信息

html的优势和不足

html5优势

• 提高可用性和改进用户的友好体验
• 新标签这将有助于开发人员定义重要的内容
• 可以给站点带来更多的多媒体元素(视频和音频)
• 可以很好的替代FLASH和Silverlight
• 当涉及到网站的抓取和索引的时候，对于SEO很友好
• 大量应用于移动应用程序和游戏

html不足

• HTML5本身还在发展中，它不是用户应用的最迫切需求，更多是厂商试图改变软件生态格局的战略需求
• HTML5的兼容性受限于各大浏览器表现，例如微软的IE和fireforx之间存在很多差别
• HTML5需要一个成熟完整的开发环境，目前还缺少
• TML5功能的暴增，浏览器必须有一个高效的图形引擎和脚本引擎
• HTML5需要杀手级应用来吸引和引导用户升级浏览器，最终完成HTML5终端的部署