導讀:當微軟的Opera evangelist Bruce Lawson把它發(fā)布后,“每個人都在談論HTML 5。”因為圓角和漸變廣泛的應用,HTML 5似乎成了最火的技術(shù)。然而,很多人認為HTML 5是舊版的DHTML或者AJAX,有大量的信息被混淆了,關(guān)于HTML5的傳說五花八樣,現(xiàn)在,讓我們來一起分析下這些傳說。
HTML 5只是一套新的網(wǎng)站標記編碼的標準、語義和規(guī)則,它可以利用一些如離線存儲、多媒體播放以及小型交互等本地瀏覽器的新特性。許多我們看到的HTML 5網(wǎng)站上新奇的東西其實并不是真正的標記,只是CSS 3和jQuery的組合,它們也隨著HTML 5變得新奇有趣。
作為設(shè)計師,我們不應該對代碼、語義和JavaScript大驚小怪的,反而應該發(fā)揮自己的專長,專注于印刷設(shè)計或者網(wǎng)頁設(shè)計,不斷擴展自己擅長的領(lǐng)域,包括這些新技術(shù)的基本原理等。這對于在這個擁擠的行業(yè)保持競爭力是很有必要的。
傳說1:蘋果不支持Flash導致了HTML 5的誕生
蘋果似乎一直被責備,但是當HTML 5在移動方面有了驚人的解決方案時,它并沒有支持iPhone。事實上,Opera和Mozilla早在2004年合并時就試圖解決雜亂網(wǎng)頁的問題,并制定了7個良好的設(shè)計原則。他們的目標很簡單——向W3C提出這些原則,把建立更流暢、更快、更好的HTML標準作為發(fā)展藍圖。這原則涵蓋了向后兼容性、錯誤處理、實用性、開放的開發(fā)以及避免設(shè)備細節(jié)的具體分析等方面。直到2006年,這個提案才被接受,然后在短短3年里,一個新的規(guī)范已經(jīng)草擬完成,并準備使用。
傳說2:HTML 5需要等到2022
我甚至不知道這個傳說是怎么流傳的,但是在2009年,工作草案結(jié)束,就意味著不會再添加什么東西或有什么明顯的改動。因為Opera和Mozilla已經(jīng)開始運行,兩種瀏覽器幾乎都支持所有的規(guī)范,它很有可能今年就達到W3C的候選標準。即便如此,你可以現(xiàn)在就可使用HTML5,并且在舊版本的瀏覽器中能夠很好的運行,包括使用一些輕量級JavaScript腳本,利用它來繪制Canvas圖形。
現(xiàn)在所有的瀏覽器都支持HTML 5。你需要注意的不是標記,而是CSS。即使是為了解決舊的瀏覽器問題而預制的CSS重置,在舊的瀏覽器中CSS 3的一些設(shè)計還是會崩潰,除非你很注意細節(jié)。
傳說3:HTML 5離不開CSS 3
在創(chuàng)建與HTML 5相關(guān)的東西時用語義類的名稱和CSS 3聲明是最好的,但這不是硬性要求。HTML 5只是標記,所以它可以很好地適用CSS 2樣式,但唯一要求的是在設(shè)計中所以的元素樣式要保持一致。換句話說,HTML 5規(guī)范刪除了控制任何元素的外觀和樣式的屬性和標簽,不再需要忍受內(nèi)聯(lián)樣式。對于網(wǎng)站如何渲染,創(chuàng)建標記的布局時需要遵循的規(guī)則,瀏覽器現(xiàn)在占著主導位置。舉個例子,為了每個HTML 5元素能被IE 8及舊版的所接受,需要“display:block”聲明。簡單來說,HTML 5需要樣式化來變得好看,但那不一定是CSS3。
傳說4:HTML 5損壞可接入性
相反地,HTML 5是圍繞可接入性來創(chuàng)建的。在草擬規(guī)范時,極為謹慎地保證每個元素可以很好地以WIA ARIA的重要的角色運行。這些角色以專門屬性的方式添加到你的標簽上,可以讓例如屏幕閱讀器這樣的可接入性設(shè)備更好地說明網(wǎng)站的流量和內(nèi)容。如果這些角色沒有被接受并正確地實現(xiàn),把網(wǎng)站轉(zhuǎn)換成HTML5是會損壞可接入性的,但這并不是標記的錯。看字體的可接入性就知道。
傳說5:HTML 5會殺死Flash
事實是Flash仍被世界上幾百萬的網(wǎng)站和開發(fā)商所使用。誤解再次發(fā)生,源于Adobe和蘋果之間高調(diào)的關(guān)系以及HTML 5音頻和視頻在應用程序和移動設(shè)備上的快速發(fā)展。然而,盡管HTML 5是個很棒的低容量視頻播放器,全面支持HTML 5需要比支持Flash多2至3倍的代碼量,現(xiàn)在在插件技術(shù)方面還是缺失很多重要的特性。現(xiàn)在,像Vimeo和Youtube這樣的網(wǎng)站主要是因為技術(shù)的原因才使用HTML 5,并且應該不會很快地放棄Flash。開發(fā)者Viki Hoo指出了幾點令人信服的原因,說明為什么Flash不會消失。【點擊查看】
但是在網(wǎng)頁設(shè)計方面,在接下來的幾年里,我們可能會發(fā)現(xiàn)Flash會快速地轉(zhuǎn)換成HTML 5。HTML 5易學易用,甚至那些沒有很高的JavaScript水平的也一樣。它不需要第三方插件,下載速度快,移動支持極其友好。所以,不是HTML 5殺死了Flash,是HTML 5會主導移動設(shè)計和開發(fā)市場。
傳說6:如果在網(wǎng)站上添加HTML 5的文檔聲明,那就是HTML 5了
運用HTML 5,或許這是瀏覽器目前最關(guān)心的問題,但HTML 5不僅僅只是個文檔聲明。它是整套的最好的做法、語義以及如<header>,<nav>,<section>,<article>和<footer>這樣布局元素的組合,可以讓你的網(wǎng)站真正滴利用起瀏覽器的新功能,成為HTML 5。當然,采用新的文檔聲明是采用HTML 5的一個正確的方向,但更重要的是在購買自稱是HTML 5構(gòu)建的軟件、主題或者平臺之前要學會是什么真正構(gòu)成了HTML 5網(wǎng)站。Adobe新的Muse應用是一個很好的例子。你也必須注意HTML 5中已經(jīng)淘汰的元素和屬性,并檢查現(xiàn)有的標記,以確保最好的兼容性。
傳說7:如果使用HTML 5,會得到更多的利益
掌握HTML 5技術(shù)可能不會讓你被選為最性感的男人或女人,雖然這似乎在Bruce Lawson身上發(fā)生了。同樣的,它也不會給你帶來多豐厚的金錢。說到底,讓你成功的是你的設(shè)計技巧和對細節(jié)的關(guān)注。話說,快速的學習并采用新的技術(shù)需要的是熱情和堅持,而這也是令人欽佩的特質(zhì)。如果你用你的知識幫助你的同齡人,他們或許會欽佩你,你也有可能會得到新的更好的東西。
設(shè)計師應該注意HTML 5,但掌握它應該是因為熱愛技術(shù),而不是名譽和金錢的驅(qū)使。
對于那些想學習HTML 5但又沒有多少編程經(jīng)驗的人,應該先去看看Wix,他最近在網(wǎng)上發(fā)布了“第一個全功能的HTML 5網(wǎng)站構(gòu)建者”。它基本上可以幫助你創(chuàng)建一個無樣式、腳本和標記(除非你想要加)的自定義網(wǎng)站。
原文鏈接:justcreative.com
本文為CSDN編譯整理,未經(jīng)允許不得轉(zhuǎn)載。如需轉(zhuǎn)載請聯(lián)系market@csdn.net