更多 HTML 5 相關特色

HTML 5 和 HTML 4 的差異

簡潔的 DOCTYPE：
HTML 5 只有一個簡單的文檔類型 <!DOCTYPE html>，它不再使用版本，因此該文檔類型適用所有版本的 HTML。 

簡單易記的語言標籤：
你並不需要在 <html> 中使用 xmlns 或 xml:lang 標記，<html lang="en"> 將對 HTML 5 有效。 

簡單易記的編碼類型：
你現在可以在 meta 標籤中使用 "charset" 如：<meta charset="utf-8" /> 

不需要結束標籤：
在 HTML 5 中，空標籤 (如：br、img 和 input) 並不需要結束標籤。 

廢棄的標籤：
下面這些標籤已不被 HTML 5 支持：
<acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<frameset>、<noframes>、<s>、<strike>、<tt>、<u> 和 <xmp>。 

更加語義化的新增標籤：
HTML 5 新增的一些新標籤除了不僅僅是更具語義的 <div> 標籤的替代品，並不提供額外的功能。
這些都是新增的標籤：<article>、<section>、<aside>、<hgroup>、<header>,<footer>、<nav>、<time>、<mark>、<figure> 和 <figcaption>。 

增強表單功能：
HTML 5 為表單提供了幾個新的屬性、input 類型和標籤 (到目前為止，只有 Opera 對 HTML 5 有比較好的支持)。
新的 INPUT 類型：
color, email, date, month, week, time, datetime, datetime-local,number,range,search, tel, 和 url 。
新屬性：required, autofocus, pattern, list, autocomplete 和 placeholder。
新元素：<keygen>, <datalist>, <output>, <meter> 和<progress> 。

視頻和音頻：
音頻: ogg (ogg, oga), mp3, wav, AAC
視頻: ogg (ogv), H.264 (mp4)

基於 JavaScript 的 2D 繪畫：
HTML 5 中最讓人興奮的特性是 <canvas> 還有很多內容，比如數據存儲，拖放等等。

本報導 HTML 5 和 HTML 4 的差異資料來源 GO 。

本報自製 HTML 4 與 HTML 5 對差異照表 GO 。

HTML 5 標籤速查表 (HTML 5 Visual Cheat Sheet - 英) GO 。

HTML 5 標籤速查表 (Quick Reference Guide - 英) GO 。

HTML 5 標籤速查表 (HTML 5 Cheat Sheet - 英 - PDF) GO 。

HTML 5 differences from HTML 4 (英) GO 1 And GO 2 。

HTML 5 的八大技術特點：

1.語義學：
作為 HTML 5 的前端和中心，語義學能夠賦予框架結構以意義。
更詳盡的標簽組合以及資源描述框架，微型數據和微型格式將為你和你的用戶打造一套數據驅動的網絡。

2.本機存儲：
在應用緩存，本機存儲，索引數據庫和文件應用程序接口的幫助下，HTML 5 應用甚至能在沒有網絡連接的情況下工作。

3.設備訪問：
地理定位只是一個開始，HTML 5 能夠讓應用程序訪問連結到你電腦上的任何設備。

4.連結性：
更有效率的連結性將能帶來更實時的聊天，更快的游戲速度以及更好的溝通交流。
服務器與客戶端之間的網絡套接字和郵件攝像頭將比以往更加便捷。

5.多媒體：
音頻和視頻可是 HTML 5 世界的一等公民，他們將與你的應用程序和網站和睦共處。
燈光，攝影，開始!

6.平面和三維效果：
在 SVG, Canvas, WebGL 和 CSS 3 3D 效果這些特性之間，你一定能找到讓你的用戶眼花繚亂，美不勝收的創意。

7.性能和集成：
使你的應用程序和網絡在大量諸如 Web Workers 和 XML HttpRequest 2 這樣的技術下更加快速。
沒有人願意停下了等你跟進的。

8.CSS 3：
在不犧牲你的講義結構和性能的情況下，CSS 3 提供了大量的樣式效果和加強你的網絡應用。
另外 WOFF(Web Open Font Format) 提供了前所未有的印刷靈活性控制。

本報導 HTML 5 的八大技術特點資料來源 GO 。

HTML 5 引入的新 HTML 元素：

article：文章
aside：內容旁邊的側邊欄內容
audio：音訊
canvas：2D 繪圖
command：命令按鈕
datalist：下拉選擇框
details：對象的細節
dialog：對話方塊
embed：外部外掛程式或物件
figure：一組媒體物件以及標籤文字
footer：頁腳
header：頁首
hgroup：文檔某一部分的資訊
keygen：表單生成的
Keymark：標注的文字
meter：預先定義的範圍內的度量
nav：導航條
output：輸出
progress：進度條
rp：標識 rubby 內容
rt：rubby 內容的解釋
ruby：rubby 內容
section：定義一個部分
source：媒體的資源
time：日期時間
video：視頻
這些新標籤，可以讓你的 HTML 文檔更容易載入，且更容易被搜尋引擎抓取其中的有用資訊。
比如，搜尋引擎可以直接抓取它最關心的 article 標籤裡面的內容。

本報導 HTML 5 引入的新 HTML 元素資料來源 GO 。

本報導內容或資料，因限人力、時間，非教學會員，不接受任何使用上的教學與指導，敬請見諒。

如果你喜歡這篇辛苦蒐集整理出來的報導資料，歡迎原文轉載並註明出處，以示尊重個人智慧財產，謝謝你的合作。

如果你願意於貴站或部落格中介紹本站，歡迎使用複製網頁研習室連結語法，再次感謝你的支持與愛護。