No.18

最近要自學的技術實在太多了，HTML5出現也有一段時日，之前一直沒多大動力去

下手玩玩，主要也是Browser支援程度太差，再者HTML5也尚未成為標準，所以倒也

沒多大的誘因吸引我花時間去玩玩。不過隨著前陣子VS2012 RC版的發布，加上支援

多瀏覽器的檢視功能及支援HTML5的Design，所以也差不多該動手玩玩啦，因此打算

利用一點空閒時間(午餐時間)來輕鬆玩，既然是輕鬆玩所以也不會有太深入的技術層

面啦，就說要輕鬆了咩…………………

 

序章就來稍微介紹一下HTML5的源由

 

根據W3C的說明上一版的HTML4標準是在1999年時誕生的，算一算至今也超過10年了

，這段時間網路的變化及需求已經改變太多，所以 W3C 與 WHATWG在2006年起便決

定進行合作，提出HTML5，不過目前現在仍處於發展階段。

 

而HTML5的提出絕不是只是單純的增加一些Tag而已，而是有其發展的幾個面向的

• New features should be based on HTML, CSS, DOM, and JavaScript【以HTML、CSS、DOM 以及 JavaScript為base的新特性】
• Reduce the need for external plugins (like Flash) 【減少外掛套件的需求】
• Better error handling【最好的錯誤處理機制】
• More markup to replace scripting 【提供更多標記來取代Script】
• HTML5 should be device independent【HTML5 應該獨立於設備】
• The development process should be visible to the public【對外公開的開發進展】

 

在新功能方面

• 用於繪畫功能的<canvas>Tag
• 用於影音功能的<video> 及<audio>Tag
• 支援local storage
• 用於content內容的新Tag  <article>、<footer>、<header>、<nav>、<section>
• 新的表單Input控制項類型calendar、date、time、 email、 url、search

 

目前各家Browser支援的程度並不相同，不過隨著時間應該對於支援度的部份會愈來愈

高才對，即使是IE也不例外，這部份可以從IE8、IE9的改變就可以發現。

 

結論：

雖然看起來HTML5提供更多的網頁設計上的支援，但我不並認為它就一定是會取代其

它的技術(EX:Flash)，每項技術一定都有它可以發揮的地方，只是在於有沒有用在合適

的地方，所以與其去爭論誰取代誰，倒不如用學習的開放態度，去看待新的技術吧，

何況新的技術一向不是我們這種一般小嘍嘍所制定及發明的，也就沒必要去爭論誰比

較強囉

 

Ref：

w3schools

HTML5 wili

HTML5之美