我的家園

導讀：當微軟的Opera evangelist Bruce Lawson把它發布后，“每個人都在談論HTML 5。”因為圓角和漸變廣泛的應用，HTML 5似乎成了最火的技術。然而，很多人認為HTML 5是舊版的DHTML或者AJAX，有大量的信息被混淆了，關于HTML5的傳說五花八樣，現在，讓我們來一起分析下這些傳說。

HTML 5只是一套新的網站標記編碼的標準、語義和規則，它可以利用一些如離線存儲、多媒體播放以及小型交互等本地瀏覽器的新特性。許多我們看到的HTML 5網站上新奇的東西其實并不是真正的標記，只是CSS 3和jQuery的組合，它們也隨著HTML 5變得新奇有趣。

作為設計師，我們不應該對代碼、語義和JavaScript大驚小怪的，反而應該發揮自己的專長，專注于印刷設計或者網頁設計，不斷擴展自己擅長的領域，包括這些新技術的基本原理等。這對于在這個擁擠的行業保持競爭力是很有必要的。

傳說1：蘋果不支持Flash導致了HTML 5的誕生

蘋果似乎一直被責備，但是當HTML 5在移動方面有了驚人的解決方案時，它并沒有支持iPhone。事實上，Opera和Mozilla早在2004年合并時就試圖解決雜亂網頁的問題，并制定了7個良好的設計原則。他們的目標很簡單——向W3C提出這些原則，把建立更流暢、更快、更好的HTML標準作為發展藍圖。這原則涵蓋了向后兼容性、錯誤處理、實用性、開放的開發以及避免設備細節的具體分析等方面。直到2006年，這個提案才被接受，然后在短短3年里，一個新的規范已經草擬完成，并準備使用。

傳說2：HTML 5需要等到2022

我甚至不知道這個傳說是怎么流傳的，但是在2009年，工作草案結束，就意味著不會再添加什么東西或有什么明顯的改動。因為Opera和Mozilla已經開始運行，兩種瀏覽器幾乎都支持所有的規范，它很有可能今年就達到W3C的候選標準。即便如此，你可以現在就可使用HTML5，并且在舊版本的瀏覽器中能夠很好的運行，包括使用一些輕量級JavaScript腳本，利用它來繪制Canvas圖形。

現在所有的瀏覽器都支持HTML 5。你需要注意的不是標記，而是CSS。即使是為了解決舊的瀏覽器問題而預制的CSS重置，在舊的瀏覽器中CSS 3的一些設計還是會崩潰，除非你很注意細節。

傳說3：HTML 5離不開CSS 3

在創建與HTML 5相關的東西時用語義類的名稱和CSS 3聲明是最好的，但這不是硬性要求。HTML 5只是標記，所以它可以很好地適用CSS 2樣式，但唯一要求的是在設計中所以的元素樣式要保持一致。換句話說，HTML 5規范刪除了控制任何元素的外觀和樣式的屬性和標簽，不再需要忍受內聯樣式。對于網站如何渲染，創建標記的布局時需要遵循的規則，瀏覽器現在占著主導位置。舉個例子，為了每個HTML 5元素能被IE 8及舊版的所接受，需要“display:block”聲明。簡單來說，HTML 5需要樣式化來變得好看，但那不一定是CSS3。

傳說4：HTML 5損壞可接入性

相反地，HTML 5是圍繞可接入性來創建的。在草擬規范時，極為謹慎地保證每個元素可以很好地以WIA ARIA的重要的角色運行。這些角色以專門屬性的方式添加到你的標簽上，可以讓例如屏幕閱讀器這樣的可接入性設備更好地說明網站的流量和內容。如果這些角色沒有被接受并正確地實現，把網站轉換成HTML5是會損壞可接入性的，但這并不是標記的錯。看字體的可接入性就知道。

傳說5：HTML 5會殺死Flash

事實是Flash仍被世界上幾百萬的網站和開發商所使用。誤解再次發生，源于Adobe和蘋果之間高調的關系以及HTML 5音頻和視頻在應用程序和移動設備上的快速發展。然而，盡管HTML 5是個很棒的低容量視頻播放器，全面支持HTML 5需要比支持Flash多2至3倍的代碼量，現在在插件技術方面還是缺失很多重要的特性。現在，像Vimeo和Youtube這樣的網站主要是因為技術的原因才使用HTML 5，并且應該不會很快地放棄Flash。開發者Viki Hoo指出了幾點令人信服的原因，說明為什么Flash不會消失。【點擊查看】

但是在網頁設計方面，在接下來的幾年里，我們可能會發現Flash會快速地轉換成HTML 5。HTML 5易學易用，甚至那些沒有很高的JavaScript水平的也一樣。它不需要第三方插件，下載速度快，移動支持極其友好。所以，不是HTML 5殺死了Flash，是HTML 5會主導移動設計和開發市場。

傳說6：如果在網站上添加HTML 5的文檔聲明，那就是HTML 5了

運用HTML 5，或許這是瀏覽器目前最關心的問題，但HTML 5不僅僅只是個文檔聲明。它是整套的最好的做法、語義以及如<header>，<nav>，<section>，<article>和<footer>這樣布局元素的組合，可以讓你的網站真正滴利用起瀏覽器的新功能，成為HTML 5。當然，采用新的文檔聲明是采用HTML 5的一個正確的方向，但更重要的是在購買自稱是HTML 5構建的軟件、主題或者平臺之前要學會是什么真正構成了HTML 5網站。Adobe新的Muse應用是一個很好的例子。你也必須注意HTML 5中已經淘汰的元素和屬性，并檢查現有的標記，以確保最好的兼容性。

傳說7：如果使用HTML 5，會得到更多的利益

掌握HTML 5技術可能不會讓你被選為最性感的男人或女人，雖然這似乎在Bruce Lawson身上發生了。同樣的，它也不會給你帶來多豐厚的金錢。說到底，讓你成功的是你的設計技巧和對細節的關注。話說，快速的學習并采用新的技術需要的是熱情和堅持，而這也是令人欽佩的特質。如果你用你的知識幫助你的同齡人，他們或許會欽佩你，你也有可能會得到新的更好的東西。

設計師應該注意HTML 5，但掌握它應該是因為熱愛技術，而不是名譽和金錢的驅使。

對于那些想學習HTML 5但又沒有多少編程經驗的人，應該先去看看Wix，他最近在網上發布了“第一個全功能的HTML 5網站構建者”。它基本上可以幫助你創建一個無樣式、腳本和標記（除非你想要加）的自定義網站。

原文鏈接：justcreative.com  

本文為CSDN編譯整理，未經允許不得轉載。如需轉載請聯系market@csdn.net