[HTML5] 簡介


大家都把HTML5當作未來的網頁標準,即使是在標準規則還沒有非常確定的狀況下,HTML5版本卻還是受到大家的關注

 

 

大家都把HTML5當作未來的網頁標準,即使是在標準規則還沒有非常確定的狀況下,HTML5版本卻還是受到大家的關注

(HTML5規則在2008年已經發表草案,但是因為W3C還在進行標準化作業,預計2012年將出現HTML5的正式建議案)

這裡有個倒數計時的網站,可以點進去看看還需要等多久..........

image

 

 

<HTML5 是什麼?>

image

廣義定義=HTML5 是由 HTML+ CSS+ JavaScript 所組成,目標就是減少瀏覽器對外掛程式的需求

所以之後我會針對 HTML5、CSS以及 JavaScript做介紹

在未來,我們將一步一步解析跟瞭解HTML5

 

<HTML5跟HTML4最大的差別>

以HTML4能顯示的東西來看,基本上就是只能顯示傳統的HTML元素,像是文字和圖片

若想要使網站更好看,就會搭配CSS來製作

但是我們有時候會需要顯示動畫、播放音樂、影片等等

甚至有時候得在瀏覽器裡面呼叫、操作作業系統裡面的功能,或是與其他程式互動

這些就都不是HTML能辦到的!

所以得透過將其他的程式封裝成Active X的方式,嵌入HTML中使用

透過安裝Active X,進而允許網頁透過指令碼和控制項互動產生更加豐富的效果(Flash player也是其中之一)

 

但HTML5擺脫了這些影音外掛程式的束縛,支援使用多媒體AudioVideo的標籤,輕易的就使網頁豐富化

未來,不需要安裝相關的影音外掛程式,就可以滿足能在網頁上觀看影音的需求

 

 

<HTML5的優點與缺點>

 

優點

  • 使用語意化的Tag,有利於SEO(footer、header和main等取代div,讓電腦能夠更加理解網頁的內容,容易被搜尋引擎找到)。
  • 若HTML5成為網頁標準技術,則即使瀏覽器不同,也不會再出現不同的網站看起來不一樣的情形,也可跨平台瀏覽(如:手機)
  • 雖說目前還是有部分瀏覽器無法支援全部格式,但都還是持續的更新技術與支援。
  • 支援使用多媒體Audio、Video的標籤,輕易使網頁豐富化,大幅減少外掛程式,就算沒有外掛程式一樣可以在網頁上瀏覽豐富的影音內容。
  • 將Web帶入一個成熟且完整的應用平台
  • Google與Youtube等一些世界性的大型網站也都選擇開始使用HTML5,這些都是HTML5為未來趨勢的佐證。

image

 

 

缺點

  • 雖說所有主流瀏覽器 (Internet Explorer, Chrome, Firefox, Opera, Safari等) 不斷的更新技術,但目前還是有部分瀏覽器無法全部支援其格式。

image

  • 若是不支援 HTML 5,只支援 Flash Player 的瀏覽器(像一些不再提供更新的瀏覽器),就無法在瀏覽器內播放HTML 5影音。
  • audio 和 video 常常還是需要有 Javascript 支援,才能正常使用操作面板。
  • 無法像Flash 以及Silverlight般把資源封裝,影音檔案或其他相關連結可能會很容易被抓出來,得靠些方式擋直接連結或暴力下載。

 

 

準備進入HTML5的世界了嗎?

 

 

 

 

透過不斷的學習與嘗試新的事物、然後分享,得到的將會是加倍的快樂。

 

 

 

 

 

 

(若有任何錯誤的地方,請各位前輩或同好能不吝指教,小女子都會虛心接受;若是你喜歡我的教學,請給我點鼓勵,謝謝。)

一步一步邁向HIE之路

 

喜歡我文章請推我一下或給我個回應,你的鼓勵會給我無限的動力喔!

若是您有其他問題或是特別需要,請在文章回應處留言,我會盡快回覆您