DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 認識HTML5:對於HTML5的7個誤解
認識HTML5:對於HTML5的7個誤解
編輯:HTML和Xhtml     

正如Opera的布道者 Bruce Lawson講的那樣,“每個人都在談論HTML5”,它被傳的很神,很玄。事實上有很多人所說的HTML5實際上只是古老的DHTML或者Ajax。把所有的信息混在一起就是一堆錯誤信息。

HTML5簡單的說就是一組新的標准、語法和規則用來創建網頁,可以利用一些新的浏覽器的“本地”功能,例如離線存儲,多媒體播放和其他的交互等等。我們所看到的很 多很酷的 HTML5 網站實際上跟 HTML5 無關,而是由CSS3和jQuery生成的。CSS3和jQuery是和 HTML5一樣的新技術,它們和 HTML5是平行的概念。

這篇文章講了關於HTML5的7個傳說,也就是誤解。

傳說 #1:因為蘋果不支持 Flash,所以人們發明了 HTML5

樹大招風,蘋果似乎經常受到各種指責。雖然 HTML5 可以為移動設備提供一些非常有用的功能,但是它不是為了這個需求而被創造的。事實上,早在2004年,Opera 和 Mozilla 為了解決亂糟糟的網頁標准定義了一些好的設計的標准。他們的目的很簡單,就是向 W3C 提交這些標准,從而創建一個更好用,更快速的 HTML 標准。這個標准直到2006年才被接受。而在短短的三年內,人們又起草了一個新的標准,審議通過並開始使用。

傳說 #2:HTML5 要到2022年才會成熟

我不知道這句話是誰傳出來的。我們知道 HTML5的起草文件已經在2009年審議通過,也就是沒有新的內容可以被添加,也不會有顯著的改動。你現在就可以使用 HTML5 了,並且不用擔心向下兼容問題。你可以通過一些輕量級的 JavaScript 來讓老版本的浏覽器支持復雜的 Canvas 。所有新版本的浏覽器支持 HTML5。你需要擔心的不是 HTML 標簽,而是 CSS。很多老版本的浏覽器對 CSS3 的支持很差。

傳說 #3: HTML5 需要 CSS3 支持

雖然CSS3 能為 HTML5 增色不少,例如語義 class 名字,但這決不是必須的。HTML5 只是標記語言,你當然可以使用 HTML5 + CSS2,只不過沒有那麼優雅。由於 HTML5 移除了屬性和標簽,所以你需要為每一個元素指定全部的樣式。例如,在 HTML5 中,為了讓浏覽器正確的渲染頁面,你需要為每一個頁面元素設置“display:block”聲明。簡而言之,HTML5 需要樣式來讓也頁面更好看,但不必須是 CSS3。

傳說 #4:HTML5 破壞了可訪問性(Accessibility)

相反,HTML5 從設計之初就考慮到了可訪問性。每一個元素都支持 WIA ARIA 標志角色。這些角色可以讓屏幕閱讀器這類設備更好的理解頁面的內容。

傳說 #5:HTML5 是 Flash 殺手

Flash 依然被無數的網站和開發者使用。關於 Flash 和 HTML5 之間的誤解來源於 Adobe 和 Apple 之間的爭執以及 HTML5 音頻和視頻應用的迅速普及。雖然 HTML5 可以很好的支持少量的視頻播放,但是 HTML5 比 Flash 需要更多的編碼資源,而且缺少那些浏覽器插件提供的技術。目前類似 Vimeo 和 YouTube 大量的使用 HTML5 技術是為了推廣這項技術,他們短期內不會徹底放棄 Flash。開發者 Viki Hoo 關於 Flash 仍然會廣泛的被使用有一些令人信服的觀點 。

但是從頁面設計的角度來看,我們希望盡快的從 FLash 中解脫出來。 HTML5 學起來用起來都更容易。它不需要插件,裝載快速,並且對移動設備很友好。所以不是 HTML5 干掉了 Flash,准確的說是 HTML5 將統治移動設計和開發市場。

傳說 #6:只要在我的網站上添加了 HTML5 doctype,它就是 HTML5 網站了

從浏覽器的角度來說,是的,添加了 HTML5 doctype 的網站都會被認為是 HTML5 網站。但是 HTML5 不僅僅是一個 doctype。它是一套完整的最佳實踐、語義標簽、排版元素例如等等。這些元素能讓你的網站利 用浏覽器的新功能,才能稱得上是 HTML5。同時你也要注意那些在 HTML5 中被棄用的元素和屬性,以保證兼容性。

傳說 #7:使用 HTML5 會讓我獲得更多的妹子/工作/金錢/尊重……

熟練的掌握 HTML5 並不會讓你看起來更性感,除非你是 Bruce Lawson。它也不會讓你找到夢想的工作。你的實力還是需要通過設計能力,編碼能力來體現。當然,學習新技術的熱情和毅力是值得欣賞的。你有可能獲得同事的尊重,如果你用你的所學幫助他們的話。

注明:英文出處來自justcreative,本文由OSChina.NET 編譯

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved