萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 七個HTML5的使用小技巧

七個HTML5的使用小技巧

計算機的自身發展和社會需求增長的速度是迅速的,並越來越受到人們的關注,下面就讓我們一起來欣賞這篇關於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 中被棄用的元素和屬性,以保證兼容性。

copyright © 萬盛學電腦網 all rights reserved