第三屆 最佳開發鐵人

開發鐵人
HTML5試試看
fillano

系列文章

DAY 1

[HTML5試試看-1] 到底什麼是HTML5?

熟悉HTML標準的人,應該都知道上一個版本的HTML標準,停留在1999年的4.01版。之後的XHTML...並沒有取得決定的影響力,2009年W3C甚至基於人...

DAY 2

[HTML5試試看-2] 標準在哪裡?

如果要找HTML5的標準文件,要上哪好呢?如果只是要快速翻閱,可以上: http://www.w3schools.com/html5/default.asp 不...

DAY 3

[HTML5試試看-3] 站在DOM的肩膀上

如果單純只是寫個網頁,其實只需要了解HTML標籤跟文件結構就可以應付自如,不過HTML5的目標既然是網站應用程式平台,那了解API的基礎多少還是需要的。 DOM...

DAY 4

[HTML5試試看-4] 偵測HTML5支援及可能替代方案

HTML5雖然各瀏覽器還在如火如荼加緊腳步支援,但是...規格還有可能變動,而各家瀏覽器對於標準的支援可能也還不一致。另外...舊的瀏覽器當然也不支援。面對這樣...

DAY 5

[HTML5試試看-5] HTML文件結構今昔

HTML5把一些標籤變簡單了,文件結構大體不變,只少了一些東西。 HTML的演進歷史可以簡化成: SGML是個用來定義像html這類標記(markup)語言的...

DAY 6

[HTML5試試看-6] 新的內容組織方法

HTML5定義了很多「語意」(semantic)標籤,這些東西在網頁外觀上上並沒有直接作用,但是在內容組織上會有很大幫助,也可以協助「機器」更有效地利用內容。...

DAY 7

[HTML5試試看-7] audio媒體播放

今天看了一下audio標籤,發現他繼承了一個特別的介面,專門用來控制媒體:[Media elements](http://www.w3.org/TR/html5...

DAY 8

[HTML5試試看-8] video媒體播放

嗚嗚,今天好忙,晚上十點才開始寫,就盡量吧。幸好video也是media elements,所以操作方式跟audio一模一樣。 先看一下最簡單的video標籤怎...

DAY 9

[HTML5試試看-9] canvas 與 2d context

Canvas其實只是一個畫布,要怎樣畫上去,靠的是context...今天先來介紹一下2d context,不過2d context是一個獨立的規格,東西非常多...

DAY 10

[HTML5試試看-10] canvas 與 2d context(續)

今天還是繼續昨天的主題,測試一下canvas 2d context。除了一些基本屬性及狀態的管理,大致上測試一下繪圖、變形、文字跟影像這四個部份的功能。 所以,...