HTML5設計准則化繁為簡,Web頁面的DOCTYPE被極大的簡化了。
HTML4 DOCTYPE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE>
誰能記得住?
請看HTML5 DOCTYPE
<!DOCTYPE html>
跟DOCTYPE一樣,字符集的聲明也被簡化了。
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
現在成了
<meta charset="utf-8" />
新的DOCTYPE和字符集
首先,根據HTML5設計准則的第3條——化繁為簡,Web頁面的DOCTYPE被極大地簡化了。以下面這段HTML4 DOCTYPE代碼為例進行對比:
<!DOCTYPE HTML PUBLIC"-/W3C//DTD HTML 4.01 Transtitonal//EN"
"http://www.w3.org/TR/html4/loose.dtd">
誰能記得住?所以在新建頁面的時候,我們往往只能通過復制粘貼的方式添加這麼長的DOCTYPE,同時腦子裡還不確定復制的對不對。HTML5干淨利索地解決了這個問題:
<!DOCTYPE html>
現在的DOCTYPE好記多了。跟DOCTYPE一樣,字符集的聲明也被簡化了。過去是這樣的:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
現在成了:
<meta charset=utf-8">
使用新的DOCTYPE後,浏覽器默認以標准模式(standards mode)顯示頁面。例如,用Firefox打開一個HTML5頁面,然後單擊“工具-頁面信息”(Tools-Page Info),示例頁面是以標准模式顯示的。
使用HTML5的DOCTYPE會觸發浏覽器以標准兼容模式顯示頁面。眾所周知,Web頁面有多種顯示模式,比如怪異模式(Quirks)、近標准模式(Almost Standards)以及標准模式(Standards)。其中標准模式也被稱為非怪異模式(no-quirks)。浏覽器會根據DOCTYPE識別該使用哪種模式,以及使用什麼規則來驗證頁面。在怪異模式下,浏覽器會盡量不中斷頁面顯示,即使沒有完全通過驗證也會將其顯示出來。HTML5引入了新的標記元素和其他機制(隨後會詳細討論),因此如果堅持使用已廢棄的元素,那麼頁面將無法通過驗證。