轉貼自:
http://inspire.twgg.org/programming/html-css/item/290-have-to-look-at-30-super-excellent-learning-resources-html5.html
早在幾個星期前,Adobe就發佈了Dreamweaver CS5 HTML5 Pack的預覽版下載。
眾所周知,HTML5在網際網路領域掀起了一場大論戰,並讓Adobe的日子很難熬。HTML5致力於為前端開發提供全面的標記語言。
以下30多個資源可幫你開始學習HTML5。
最近我研究了HTML 5中的Canvas 和Video
標籤,並發現了一些很酷的特性。其中之一就是Canvas.drawImage() api。此為詳細介紹。
HTML5更加語義化,使用HTML5 我們不必在網頁上佈滿沒有意義的div。它引入了有意義的tag,比如 navigations
和 footers 使語法更有意義也更接近自然語言。
這篇文章將教你
- 用原有技術將元素放置在特定位置
- 最新的技術潮流
- Microformats與HTML5協同使用
- 介紹HTML5與CSS3的新特性
這篇文章介紹了如何利用CSS3 和jQuery的新特性製作HTML5 網頁模版。 HTML5
仍在完善當中,你也可以選擇性的下載XHTML版。
這是一個叫Brad Neuberg的工程師製作的HTML5教學視訊。
這篇文章介紹了許多HTML5的功能和語法及API,還有CSS3的新的選擇器,效果和特性。最 後,
還將教你如何利用這些新特性開發一個網頁。當你讀完這篇文章,你就能用HTML5和CSS3開發一個自己的網站啦。
許多HTML5 特性要結合JavaScript
API一起使用,以增加網頁的互動性。但仍有一些新元素可讓傳統的Web1.0頁面更加語義化。為了學習這些,我們來看怎樣建立一個部落格。
這篇文章將介紹用 HTML5和CSS3搭建的幾個最佳網站。
這篇文站將教 你 如果用HTML 5 和進階CSS技術與最新的CSS3技術建立一個漂亮的表格。
這篇文章將教你如何用JavaScript和CSS,使 HTML5頁面向下相容,即使是IE6也不例外。
這是 一篇針對iPhone的指導,但是許多技術也可用在相容HTML5的手機瀏覽器上。
這篇文章使用HTML 5和CSS 3 搭建部落格頁面。如果你已經熟悉html 和CSS,將很容易跟上。
給所有具有基礎HTML知識的初學者的HTML 5 入門指南
這篇文章介紹了HTML5 的發展歷史和它的基本特性
HTML5最令人期待的新標籤包括HTML5最令人期待的新標籤包括header, footer, aside,
nav,audio,同時它還包括畫圖,線下存儲資料,拖放等API。頁面佈局將會更易理解。這裡將介紹一個最簡單的HTML 5
佈局頁面,用CSS3 設定樣式。最終結果如下
HTML5 有許多標籤幫助網頁結構化,這能省去以網頁中許多div
此文介紹了一些你能拿來就用的HTML5 樣板檔案
對HTML 5 Canvas使用方法的全面指導
HTML5 的一個新特性就是拖放,不過IE早在5.5時代就支援拖放了,而HTML 5
的拖放也是基於IE的。本例將教你如果用拖放實現一個簡單的購物車界面。
這是一篇比較老的文章,介紹了HTML5的特性和優點。
介紹了HTML 5 與CSS3能創造的各種效果。
HTML5 的本機存儲功能將使資料存儲十分簡便。
本文介紹了一些現已被支援的HTML 5 特性,對初學者十分有用。
Additional Info
沒有留言:
張貼留言