大家都把HTML5當作未來的網頁標準,即使是在標準規則還沒有非常確定的狀況下,HTML5版本卻還是受到大家的關注
大家都把HTML5當作未來的網頁標準,即使是在標準規則還沒有非常確定的狀況下,HTML5版本卻還是受到大家的關注
(HTML5規則在2008年已經發表草案,但是因為W3C還在進行標準化作業,預計2012年將出現HTML5的正式建議案)
這裡有個倒數計時的網站,可以點進去看看還需要等多久..........
<HTML5 是什麼?>
廣義定義=HTML5 是由 HTML+ CSS+ JavaScript 所組成,目標就是減少瀏覽器對外掛程式的需求
所以之後我會針對 HTML5、CSS以及 JavaScript做介紹
在未來,我們將一步一步解析跟瞭解HTML5
<HTML5跟HTML4最大的差別>
以HTML4能顯示的東西來看,基本上就是只能顯示傳統的HTML元素,像是文字和圖片
若想要使網站更好看,就會搭配CSS來製作
但是我們有時候會需要顯示動畫、播放音樂、影片等等
甚至有時候得在瀏覽器裡面呼叫、操作作業系統裡面的功能,或是與其他程式互動
這些就都不是HTML能辦到的!
所以得透過將其他的程式封裝成Active X的方式,嵌入HTML中使用
透過安裝Active X,進而允許網頁透過指令碼和控制項互動產生更加豐富的效果(Flash player也是其中之一)
但HTML5擺脫了這些影音外掛程式的束縛,支援使用多媒體Audio、Video的標籤,輕易的就使網頁豐富化
未來,不需要安裝相關的影音外掛程式,就可以滿足能在網頁上觀看影音的需求
<HTML5的優點與缺點>
優點
- 使用語意化的Tag,有利於SEO(footer、header和main等取代div,讓電腦能夠更加理解網頁的內容,容易被搜尋引擎找到)。
- 若HTML5成為網頁標準技術,則即使瀏覽器不同,也不會再出現不同的網站看起來不一樣的情形,也可跨平台瀏覽(如:手機)
- 雖說目前還是有部分瀏覽器無法支援全部格式,但都還是持續的更新技術與支援。
- 支援使用多媒體Audio、Video的標籤,輕易使網頁豐富化,大幅減少外掛程式,就算沒有外掛程式一樣可以在網頁上瀏覽豐富的影音內容。
- 將Web帶入一個成熟且完整的應用平台。
- Google與Youtube等一些世界性的大型網站也都選擇開始使用HTML5,這些都是HTML5為未來趨勢的佐證。
缺點
- 雖說所有主流瀏覽器 (Internet Explorer, Chrome, Firefox, Opera, Safari等) 不斷的更新技術,但目前還是有部分瀏覽器無法全部支援其格式。
- 若是不支援 HTML 5,只支援 Flash Player 的瀏覽器(像一些不再提供更新的瀏覽器),就無法在瀏覽器內播放HTML 5影音。
- audio 和 video 常常還是需要有 Javascript 支援,才能正常使用操作面板。
- 無法像Flash 以及Silverlight般把資源封裝,影音檔案或其他相關連結可能會很容易被抓出來,得靠些方式擋直接連結或暴力下載。
準備進入HTML5的世界了嗎?
透過不斷的學習與嘗試新的事物、然後分享,得到的將會是加倍的快樂。
(若有任何錯誤的地方,請各位前輩或同好能不吝指教,小女子都會虛心接受;若是你喜歡我的教學,請給我點鼓勵,謝謝。)
一步一步邁向HIE之路
喜歡我文章請推我一下或給我個回應,你的鼓勵會給我無限的動力喔!
若是您有其他問題或是特別需要,請在文章回應處留言,我會盡快回覆您