[浅谈 演示] 你所不知道的HTML - 从 XHTML2 到 HTML5 (1)

HTML5 出来其实也有很长一段时间了。因为这个那个的原因，在HTML5刚出炉时，我根本就没对它有任何重视。直到有一天突然看到某人搞了个东东，里面用到了HTML5中的一个特性——canvas，才突然意识到：“天哪！XHTML2还没站稳脚跟，就给这小子找到火柴了！” （注：即老赵blog文章中提到的HTML5事件，的确受到了不小打击的……）

在切入正题之前，大家先看下面这个演示：

按箭头键还能使这个多面体旋转哦~

很好玩吧？这个小玩意儿就用到了HTML5的新特性——canvas

这个东东的代码是从polyhedra.org上看来的，并作了小小的修改，使它能适应cnBlogs的博客。而polyhedra.org的代码，则用的是google的开源代码——其实，google maps上的很多效果都用到了这个canvas特性。刚刚出现的HTML5, 其实离你只有一步之遥。

-XHTML2的尴尬

如果你关心过前台开发的新技术，那么你或许会知道，W3C组织在推HTML5之前，准备推的是XHTML2的规范。突然转眼之间又弄出HTML5这么个东东来，究竟是为什么的？

这要从XHTML的目的说起。

W3C制定XHTML的目的，是最终希望将一个web网页的文档结构完全从表现和行为中解放出来，并最终使其成为一个通用的语言——它不仅可以用于构建一个网页的结构，而且可以用来构建一个更通用的文档结构。

这种文档结构的最好例子就是书。一本书有标题（相当于一个网页的title），目录（也就是我们说的导航），章节标题（h1~h6, 以及XHTML2中新定义的h），章节（XHTML2中甚至新定义了一个section元素来表示这个以前在HTML/XHTML中没有的结构），段落（p元素），列表（ul, ol）等等。XHTML的最终目的就是用XML的语法来定义这么一个文档结构的框架。你要写书，只要照着这个框架填内容就可以了。至于这本书由什么出版社出版，多少开本印刷，是不是要做成电子版等等，都不是XHTML2要关心的东东。

这么看来似乎XHTML2是个很好的规范，因为它减少了文档结构和表现/行为的耦合。而任何一个程序员都知道，耦合是越低越好，那么W3C怎么又搞出HTML5这么个东东呢？

其实大家可以想想，既然有书，为什么大多数人还是喜欢逛网站、博客去看一些在书本上都能找到的东西呢？很简单：因为书本有个很大的缺点——缺乏互动性。你不能把书上的一张图片从一页拖拽到另一页，也不能通过书本来和别人交流。一份文档，给你提供的最终实质，就是稳当的内容而已——这就是XHTML2, 只有内容结构。

当然，XHTML2被提出的时候只有2002年，整个XHTML概念成型在2000年左右。那时还是整一个win98的时代，当时的人们估计是万万没想到web application 现在会这么火，只是一心想从设计模式上改进原有的HTML系统罢了。从设计模式上来讲，XHTML2是非常优秀的，但是短短6年间，XHTML2就有些跟不上web 2.0的脚步了。在这个web application大行其道的年代，用户并不会关心你页面采用了如何优秀的设计模式。他们只会关心这个网页是不是够炫，功能够不够好用。因此交互成为互联网应用的关键，而非原来的数据共享。

于是就催生了HTML5这么个另类的东东。

 

未完待续~现在偶先去呼呼了@@