|
|
現(xiàn)今我們能用 HTML5 嗎，能用它做些什么呢，是否真的是 Flash 殺手？想必你也注意到了這些日漸增長且常被問起的類似問題，被討論著，甚至被回答過。在我看來，你必須自己回答這些基本的問題。
這篇文章的本意是想幫你通過一些基本指南的學(xué)習(xí)，以輕松學(xué)習(xí)代碼模板。一旦你熟悉了這些基本，并想更進(jìn)一學(xué)習(xí)，你還將會(huì)找到更多提供了建議、技巧和技術(shù)的有用資源。
HTML 5 特性
官方詳細(xì)的文檔是尋找 HTML5 特性的最好地方，當(dāng)然你還可以輕松通過 W3Schools 來學(xué)習(xí)HTML5 標(biāo)簽。我們將會(huì)在文章中涉及到以下的特性：
- 語義化標(biāo)記
- Form 表單增強(qiáng)功能
- 視頻/音頻
- 畫布（Canvas）
- 可編輯內(nèi)容
- 拖放
- 穩(wěn)健的數(shù)據(jù)存儲(chǔ)
檢測瀏覽器支持
在你開始嘗試 HTML5之前，需要知道各主流瀏覽器的支持狀況。這些有用的資源，將可以幫助你向著正軌走：
你還可以運(yùn)行 Javascript（用Javascript 檢測瀏覽器特性）來檢測 HTML5 特性的支持。你還應(yīng)該用用Modernizr：一個(gè)非常不錯(cuò)的檢測 HTML5/CSS3 本地支持的 Javascript 庫。如果你選擇用 Mootools可以使用MooModernizr (MooTools port of Modernizr)。
你可能也會(huì)想留意不斷變化的"瀏覽器市場份額分享"—這些信息對(duì)于你決定用何種解決或折衷的方法將會(huì)是非常必要的。
值得注意的變更點(diǎn)
除了新的特征，你還應(yīng)該記下這些重要的變更點(diǎn)：
- 簡潔的 DOCTYPE HTML5 只需一個(gè)簡潔的文檔類型：<!DOCTYPE html>。它有意不使用版本，因此文檔將會(huì)適用所有版本的HTML。
- 簡單易記的語言標(biāo)簽你并不需要在<html> 中使用xmlns 或xml:lang 標(biāo)記。<html lang="en"> 將對(duì) HTML5 有效。
- 簡單易記的編碼類型你現(xiàn)在可以在 meta 標(biāo)簽中使用"charset"：<meta charset="utf-8″/>
- 不需要閉合標(biāo)簽在 HTML5 中，空標(biāo)簽（如：br、img 和 input ）并不需要閉合標(biāo)簽。
- 廢棄的標(biāo)簽下面這些標(biāo)簽并不被 HTML5 支持：
<acronym>、<applet>、<basefont>、<big>、
<center>、<dir>、<font>、<frame>、<frameset>、
<noframes>、<s>、<strike>、<tt>、<u> 和<xmp>
簡單代碼示例:
1 <!doctype html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <title>HTML5 Document</title>
6 </head>
7 <body>
8
9 </body>
10 </html>
it知識(shí)庫：解讀 HTML5：建議、技巧和技術(shù)，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
