總結
-
H5 的聲明
-
HTML5 的 DOCTYPE 聲明
- HTML5 中的
<!DOCTYPE html>
聲明用于告訴瀏覽器當前文檔使用的是 HTML5 的文檔類型。 - 它必須是文檔中的第一行內容(在任何 HTML 標簽之前),以確保瀏覽器能夠正確地解析和渲染頁面。
- HTML5 中的
-
DOCTYPE 的作用
- 觸發標準模式:
DOCTYPE
聲明的主要作用是讓瀏覽器以標準模式(Standards Mode)來解析和渲染頁面,而不是以兼容模式(Quirks Mode)。 - 兼容性:在沒有
DOCTYPE
聲明的情況下,瀏覽器可能會進入兼容模式,這會導致頁面的布局和樣式表現不一致。 - 文檔類型定義:
DOCTYPE
聲明定義了文檔使用的 HTML 或 XHTML 的版本,以便瀏覽器能夠正確地解析文檔結構。
- 觸發標準模式:
-
不同版本的 DOCTYPE
- HTML 4.01 Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- HTML 4.01 Transitional:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- XHTML 1.0 Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- HTML5:
<!DOCTYPE html>
(最簡單的聲明方式)
- HTML 4.01 Strict:
-
HTML5 的優勢
- 簡潔性:HTML5 的
DOCTYPE
聲明非常簡潔,只需要<!DOCTYPE html>
即可。 - 向后兼容:HTML5 的
DOCTYPE
聲明向后兼容,能夠被舊版本的瀏覽器識別。 - 現代瀏覽器支持:現代瀏覽器都支持 HTML5 的
DOCTYPE
聲明,并且能夠正確地解析和渲染頁面。
- 簡潔性:HTML5 的
-
注意事項
- 位置:
DOCTYPE
聲明必須位于文檔的最頂部,不能有任何內容(包括注釋、空格等)出現在它之前。 - 大小寫:
DOCTYPE
聲明不區分大小寫,但通常使用大寫字母書寫。 - 驗證工具:可以使用 W3C 的 HTML 驗證工具來檢查文檔的
DOCTYPE
聲明是否正確。
- 位置: