qileilove

web開(kāi)發(fā)者必須盡快熟悉并使用起HTML5，因?yàn)樗趙eb端開(kāi)發(fā)的發(fā)展趨勢(shì)已經(jīng)明朗，可以用來(lái)創(chuàng)建豐富多彩的效果。使用HTML5還是有一些復(fù)雜的，所以本文介紹了25個(gè)優(yōu)秀的HTML教程及小手冊(cè)，歡迎大家使用。

Making A Beautiful HTML5 Portfolio

使用本教程，你可以學(xué)習(xí)創(chuàng)建HTML5組合，jQuery和Quicksand插件。它可以用來(lái)展示您的最新作品，因?yàn)樗强啥ㄖ频摹?/p>

How To Code A Clean Website Template In HTML5 & CSS3

MediaLoot擁有一個(gè)干凈的網(wǎng)頁(yè)模板設(shè)計(jì)（使用Adobe Fireworks）。我們已經(jīng)證明我們的客開(kāi)始戶使用它創(chuàng)建一個(gè)時(shí)尚的網(wǎng)頁(yè)，編碼到HTML和CSS。

Fullscreen Slideshow With HTML5 Audio And jQuery

這教程可以被用于創(chuàng)建一個(gè)全屏的照片幻燈片，以顯示“紐約”圖片系列。您還可以使用HTML5音頻元素添加聲音給你的生活畫(huà)廊。

Build A Neat HTML5 Powered Contact Form

本教程將幫助您學(xué)習(xí)創(chuàng)造一個(gè)優(yōu)雅的HTML5 AJAX聯(lián)系人表單。表單將擁有許多最新的HTML5輸入元素和屬性，將通過(guò)瀏覽器的內(nèi)置表單驗(yàn)證來(lái)驗(yàn)證。

Create A Page Flip Effect With HTML5 Canvas

Hakim El Hattab，Web開(kāi)發(fā)人員和具備創(chuàng)造性的程序員告訴我們?nèi)绾蝿?chuàng)建“Flash頁(yè)面翻轉(zhuǎn)”，用的可是HTML5畫(huà)布和JavaScript。

Learning The Basics Of HTML5 Canvas

Rob Hawkes告訴您如何利用canvas元素，繪制基本形狀和文本，改變顏色，擦除畫(huà)布，以及使其填充瀏覽器窗口。

HTML5’s Microdata, Search, And The Collaboration Of The Search Giants

HTML5的其中一個(gè)很牛的新功能是Microdata（微觀數(shù)據(jù)）。它可以讓你更具體的對(duì)您的網(wǎng)頁(yè)內(nèi)容進(jìn)行分類(lèi)和標(biāo)簽。

HTML5 & CSS3 – What You Should Know

HTML5，與CSS3的整合，將是如何創(chuàng)建網(wǎng)頁(yè)的一個(gè)巨大的變化，更新及新增的特性，幫助你在這里查找。

HTML5 Web Applications

Deep Blue Sky創(chuàng)建一個(gè)免費(fèi)的網(wǎng)絡(luò)應(yīng)用程序，幫助您找出目前瀏覽器的HTML5/CSS3支持狀態(tài)。

Structural Tags In HTML5

HTML5規(guī)范增加了對(duì)一些真正有用的tags，這些tags將從我們的代碼中替代div。

Touch The Future: Create An Elegant Website With HTML 5 And CSS3

創(chuàng)造力、創(chuàng)造力，賦予你實(shí)施的能力。

Simple Website Layout Tutorial Using HTML 5 And CSS 3

一個(gè)非常簡(jiǎn)單的網(wǎng)頁(yè)創(chuàng)建示例，HTML 5和CSS3 為你帶來(lái)。

Build Your First Game With HTML5

HTML5正在日益強(qiáng)大，甚至是在游戲世界！本教程將教給你使用Box2D的HTML5canvas來(lái)創(chuàng)建您的第一個(gè)游戲。

Designing Search Boxes With HTML5 And CSS3

這是一個(gè)非常好的教程，實(shí)用的技術(shù)-跨瀏覽器的設(shè)計(jì)，符合標(biāo)準(zhǔn)的搜索框，HTML5，CSS3和一點(diǎn)點(diǎn)的jQuery。

How To Make An HTML5 iPhone App

鐵桿的Objective C開(kāi)發(fā)人員已經(jīng)成為iPhone編寫(xiě)應(yīng)用程序的唯一，但，Objective - C是非常艱難的。看看這個(gè)吧，給你驚喜。

How To Create Offline HTML5 Web Apps in 5 Easy Steps

5步創(chuàng)建html5離線web應(yīng)用，聽(tīng)起來(lái)就很美妙！

Link Users To Geolocation Data With HTML5

Christopher Schmitt，CSS Cookbook 作者，Environments for Humans 聯(lián)合創(chuàng)始人，展示如何優(yōu)化HTML5 GeoLocation 地理位置jQuery插件。

Accessibility And HTML5 Block Links

HTML5推出了很多新的元素和功能。Block links（塊鏈接）就是其中之一，它讓您包裝一個(gè)塊級(jí)元素周?chē)逆溄印?/p>

HTML5 Body Elements #6 Links

本教程介紹如何使用HTML5中的錨標(biāo)記來(lái)創(chuàng)建超鏈接。

Create A Basic HTML5 Page With The New Layout Tags

本教程將向您展示如何創(chuàng)建一個(gè)簡(jiǎn)單的單頁(yè)模板，展示了HTML5的新技術(shù)。

Creating A Minimal Blog Design Using HTML5, CSS3 And jQuery

本教程將向您展示設(shè)計(jì)和編寫(xiě)前端代碼的一個(gè)完整的步驟，它采用許多新技術(shù)，如HTML5，CSS3，@font-face 和jQuery。整個(gè)項(xiàng)目可作為一個(gè)zip下載。

HTML5: Creating A Base Template

使用用HTML5創(chuàng)建一個(gè)基礎(chǔ)模板。

50 Performance Tricks To Make Your HTML5 Web Sites Faster

Internet Explorer的團(tuán)隊(duì)教你一些技巧，讓您的網(wǎng)站的速度更快。這些家伙也給你帶來(lái)了GPU加速圖形和編譯JavaScript，使用Internet Explorer 9

Creating An HTML5 Form Using The New Form Types

HTML5擁有一些新的表單類(lèi)型，如果瀏覽器不支持這些新類(lèi)型，它會(huì)簡(jiǎn)單地恢復(fù)到它們支持的類(lèi)型。因此，本教程將教你什么是新的及什么是支持的。

Simple Tool To Create Free HTML5 Slideshows Of Images

在快速幻燈片放映中，顯示您的照片，因?yàn)橛行┤丝赡懿桓信d趣，不看到所有照片。