HTML5 出來其實(shí)也有很長一段時(shí)間了。因?yàn)檫@個(gè)那個(gè)的原因，在HTML5剛出爐時(shí)，我根本就沒對它有任何重視。直到有一天突然看到某人搞了個(gè)東東，里面用到了HTML5中的一個(gè)特性——canvas，才突然意識(shí)到：“天哪！XHTML2還沒站穩(wěn)腳跟，就給這小子找到火柴了！” （注：即老趙blog文章中提到的HTML5事件，的確受到了不小打擊的……）

在切入正題之前，大家先看下面這個(gè)演示：

按箭頭鍵還能使這個(gè)多面體旋轉(zhuǎn)哦~

很好玩吧？這個(gè)小玩意兒就用到了HTML5的新特性——canvas

這個(gè)東東的代碼是從polyhedra.org上看來的，并作了小小的修改，使它能適應(yīng)cnBlogs的博客。而polyhedra.org的代碼，則用的是google的開源代碼——其實(shí)，google maps上的很多效果都用到了這個(gè)canvas特性。剛剛出現(xiàn)的HTML5, 其實(shí)離你只有一步之遙。

-XHTML2的尷尬

如果你關(guān)心過前臺(tái)開發(fā)的新技術(shù)，那么你或許會(huì)知道，W3C組織在推HTML5之前，準(zhǔn)備推的是XHTML2的規(guī)范。突然轉(zhuǎn)眼之間又弄出HTML5這么個(gè)東東來，究竟是為什么的？

這要從XHTML的目的說起。

W3C制定XHTML的目的，是最終希望將一個(gè)web網(wǎng)頁的文檔結(jié)構(gòu)完全從表現(xiàn)和行為中解放出來，并最終使其成為一個(gè)通用的語言——它不僅可以用于構(gòu)建一個(gè)網(wǎng)頁的結(jié)構(gòu)，而且可以用來構(gòu)建一個(gè)更通用的文檔結(jié)構(gòu)。

這種文檔結(jié)構(gòu)的最好例子就是書。一本書有標(biāo)題（相當(dāng)于一個(gè)網(wǎng)頁的title），目錄（也就是我們說的導(dǎo)航），章節(jié)標(biāo)題（h1~h6, 以及XHTML2中新定義的h），章節(jié)（XHTML2中甚至新定義了一個(gè)section元素來表示這個(gè)以前在HTML/XHTML中沒有的結(jié)構(gòu)），段落（p元素），列表（ul, ol）等等。XHTML的最終目的就是用XML的語法來定義這么一個(gè)文檔結(jié)構(gòu)的框架。你要寫書，只要照著這個(gè)框架填內(nèi)容就可以了。至于這本書由什么出版社出版，多少開本印刷，是不是要做成電子版等等，都不是XHTML2要關(guān)心的東東。

這么看來似乎XHTML2是個(gè)很好的規(guī)范，因?yàn)樗鼫p少了文檔結(jié)構(gòu)和表現(xiàn)/行為的耦合。而任何一個(gè)程序員都知道，耦合是越低越好，那么W3C怎么又搞出HTML5這么個(gè)東東呢？

其實(shí)大家可以想想，既然有書，為什么大多數(shù)人還是喜歡逛網(wǎng)站、博客去看一些在書本上都能找到的東西呢？很簡單：因?yàn)闀居袀€(gè)很大的缺點(diǎn)——缺乏互動(dòng)性。你不能把書上的一張圖片從一頁拖拽到另一頁，也不能通過書本來和別人交流。一份文檔，給你提供的最終實(shí)質(zhì)，就是穩(wěn)當(dāng)?shù)膬?nèi)容而已——這就是XHTML2, 只有內(nèi)容結(jié)構(gòu)。

當(dāng)然，XHTML2被提出的時(shí)候只有2002年，整個(gè)XHTML概念成型在2000年左右。那時(shí)還是整一個(gè)win98的時(shí)代，當(dāng)時(shí)的人們估計(jì)是萬萬沒想到web application 現(xiàn)在會(huì)這么火，只是一心想從設(shè)計(jì)模式上改進(jìn)原有的HTML系統(tǒng)罷了。從設(shè)計(jì)模式上來講，XHTML2是非常優(yōu)秀的，但是短短6年間，XHTML2就有些跟不上web 2.0的腳步了。在這個(gè)web application大行其道的年代，用戶并不會(huì)關(guān)心你頁面采用了如何優(yōu)秀的設(shè)計(jì)模式。他們只會(huì)關(guān)心這個(gè)網(wǎng)頁是不是夠炫，功能夠不夠好用。因此交互成為互聯(lián)網(wǎng)應(yīng)用的關(guān)鍵，而非原來的數(shù)據(jù)共享。

于是就催生了HTML5這么個(gè)另類的東東。

?

未完待續(xù)~現(xiàn)在偶先去呼呼了@@

總結(jié)

以上是生活随笔為你收集整理的[浅谈 演示] 你所不知道的HTML - 从 XHTML2 到 HTML5 (1)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。