DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5特效代碼 >> HTML5新的DOCTYPE和字符集
HTML5新的DOCTYPE和字符集
編輯:HTML5特效代碼     


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引入了新的標記元素和其他機制(隨後會詳細討論),因此如果堅持使用已廢棄的元素,那麼頁面將無法通過驗證。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved