內容推薦
在我的博客里面，我發表了幾篇關于HTML5的文章，希望能夠幫到你。
- HTML5框架
- 編寫HTML+CSS必備的插件Emmet(大名鼎鼎的zen coding改進）
- placeholder占位符兼容性及拓展
- HTML5新增屬性--推薦閱讀
- 22 個常見的HTML5技巧和實際應用---推薦閱讀
- HTML5的嵌套與HTML4的嵌套標準對比
更多內容請關注我們的博客
HTML5特性
語義特性（Class：Semantic）
HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更有價值的數據驅動的Web。
本地存儲特性（Class: OFFLINE & STORAGE）
基于HTML5開發的網頁APP擁有更短的啟動時間，更快的聯網速度，這些全得益于HTML5 APP Cache，以及本地存儲功能。Indexed DB（html5本地存儲最重要的技術之一）和API說明文檔。
設備兼容特性 (Class: DEVICE ACCESS)
從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。
連接特性（Class: CONNECTIVITY）
更有效的連接工作效率，使得基于頁面的實時聊天，更快速的網頁游戲體驗，更優化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現服務器將數據“推送”到客戶端的功能。
網頁多媒體特性(Class: MULTIMEDIA)
支持網頁端的Audio、Video等多媒體功能， 與網站自帶的APPS，攝像頭，影音功能相得益彰。
三維、圖形及特效特性（Class: 3D, Graphics & Effects）
基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中，所呈現的驚人視覺效果。
性能與集成特性（Class: Performance & Integration）
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術，幫助您的Web應用和網站在多樣化的環境中更快速的工作。
CSS3特性(Class: CSS3)
在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式（WOFF）也提供了更高的靈活性和控制性。
檢測瀏覽器支持
在你開始嘗試 HTML5之前，需要知道各主流瀏覽器的支持狀況。這些有用的資源，將可以幫助你向著正軌走：
其他檢測
Javascript:用Javascript 檢測瀏覽器特性
檢測 HTML5/CSS3 本地支持的 Javascript 庫Modernizr
如果你選擇用 Mootools可以使用MooModernizr
html5 變更的標簽
- 簡潔的 DOCTYPE HTML5 只需一個簡潔的文檔類型：<!DOCTYPE html>。它有意不使用版本，因此文檔將會適用所有版本的HTML。
- 簡單易記的語言標簽 你并不需要在 <html> 中使用 xmlns 或 xml:lang 標記。 <html lang=”en”> 將對 HTML5 有效。
- 簡單易記的編碼類型 你現在可以在 meta 標簽中使用 “charset”：<meta charset=”utf-8″ />
- 不需要閉合標簽 在 HTML5 中，空標簽（如：br、img 和 input ）并不需要閉合標簽。
- 新增標簽 新增的語義化標簽
header, hgroup, nav, section, article, details, figure, figcaption, aside, time, mark, audio, video, source, track, bdi, canvas, command, datalist, summary, embed, keygen, meter, output, progress, rp, rt, ruby, - 廢棄的標簽 下面這些標簽并不被 HTML5 支持： <acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<frameset>、<noframes>、<s>[刪除線]、<strike>[刪除線]、<tt>[定義打字機文本]、<u>[下劃線文本]; 和 <xmp>[和pre類似];
- 新增屬性 在 HTML5 中，增加了很多form表單屬性，當然還有其他屬性。
required, from, pattern, placeholder, email, range[min, max, step], url, date, time, datetime, datetime-local, month, week, tel, number, search, --, contentcontenteditableable, contextmenu, data-yourvalue, draggable, item, itemprop, spellcheck, subject
簡單代碼示例:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>HTML5 Document</title>
</head>
<body>
<header> </header>
<section> </section>
<footer> </footer>
</body>
</html>