HTML5开始大热标志性的事件是苹果前CEO Steve Jobs 公开炮轰Adobe Flash，并指出Flash在移动终端的不利因素，而且HTML5将获得胜利。顿时IT界、数字营销界、数字媒体界等相关领域的人开始一窝蜂地议论、追捧、打击，HTML5成了当仁不让的明星（就在不久前Adobe宣布停止对Mobile端Flash的开发与更新）。但是很多人都在问：HTML5是什么？如何鉴定HTML5产品？

DamnDigital近日制作了一篇由浅入深的知识普及帖，详细介绍了HTML5的方方面面，包括什么是HTML5？HTML5有哪些特质？HTML5/4有什么区别？谁先试水HTML5的？HTML5相关站点有哪些？HTML5的经典案例何处寻？

一、什么是HTML，以及HTML5

1. HTML

HTML是超文本标记语言的英文缩写，这是一种标记语言，不需要进行编译，直接由浏览器执行。

语言就必须有一个语法的规则，如果没有规则，谁知道应该把一个HTML元素以怎样的形式展现给用户呢？目前HTML语言的标准是由 W3C（World Wide Web Consortium）负责制定的。依照规则，无论是何种浏览器，对于相同的HTML代码，应当展现给用户相同的效果。

目前HTML语言最新版本为4(HTML4)，此外还有一个可扩展超文本标记语言（XHTML）作为其扩展版本，提供更为丰富的功能和更严谨的语法规范。

2. HTML5

HTML5草案的前身名为Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接纳，并成立了新的HTML工作团队。2008年1月22日，W3C发布了最新的HTML5工作草案，HTML工作组包括AOL、Apple、Google、IBM、 Microsoft、Mozilla、Nokia、Opera等数百个开发上。HTML5中增加了许多新特性，例如嵌入音频、视频和图片的函数、客户端存 储数据、交互式文档等，通过制定如何处理所有HTML元素以及如何从错误中恢复的精确规则，HTML5进一步增强了互动性，并有效减少了开发成本。 

二、HTML5 有哪些特质

我们来看看W3.org列举出来的8个Class技术描述：

A. 语义特性（Class：Semantic）

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

B. 本地存储特性（Class：OFFLINE & STORAGE）

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（HTML5本地存储最重要的技术之一） 和API说明文档。

C. 设备兼容特性 (Class：DEVICE ACCESS)

从Geolocation 功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联

D. 连接特性（Class：CONNECTIVITY）

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据’推送’到客户端的功能。

E. 网页多媒体特性(Class：MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS、摄像头、影音功能相得益彰。

F. 三维、图形及特效特性（Class：3D, Graphics & Effects）

基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。

G. 性能与集成特性（Class：Performance & Integration）

没有用户会永远等待你的Loading——HML5会通过XMLHttpRequest2等技术，帮助您的Web应用和网站在多样化的环境中更快速的工作。

H. CSS3特性(Class：CSS3)

在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。

Apple 官方对HTML5的各个特性做了详细并且动态的展示：http://www.apple.com/HTML5/showcase