HTML !DOCTYPE 網頁文件檔案類型

HTML 網頁原始碼中開頭處常可看到的 <!DOCTYPE> 標籤，從語法字面上由 DOC 與 TYPE 可以看出來，這個標籤是用來告訴瀏覽器關於此份網頁的 DOC 是用哪種 TYPE 所寫出來的，白話一點就是網頁的檔案文件類型，因為網際網路的發展，HTML 語法已經有非常多種不同的文件檔案格式，同時也有多種不同的 HTML 版本，例如最早期的 HTML、HTML2.0、HTML 4.01 到現在的 XHTML、HTML5、XHTML5 等，網頁設計師可以透過 <!DOCTYPE> 標籤來宣告網頁的文檔類型，讓瀏覽器能夠正確顯示網頁內容。

HTML 網頁原始碼的 !DOCTYPE 標籤範例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

這樣的寫法是宣告網頁是用 W3C 所制定的 HTML 4.01 版本所編寫而成，瀏覽器看到這段 <!DOCTYPE> 標籤的內容，就可以用最適合此版本的方式呈現網頁，但也有許多網站並不這樣使用，而是只有在 HTML 開頭寫 <!DOCTYPE html> 這樣而已，請別誤會是設計師偷懶，這樣的寫法是 W3C 最新制定的 HTML5 DOCTYPE 標準的文檔格式，Google、Facebook、Yahoo 等網路巨頭的網頁原始碼幾乎都看得到。

宣告 HTML5 文檔格式範例

<!DOCTYPE html>
<html>
<head>
<title>這裡是網頁標題</title>
</head>
<body>
　... 這裡是網頁的內容 ...
</body>
</html>

既然 <!DOCTYPE> 的功能是用來宣告網頁文件檔案類型，所以通常都是像範例這樣直接寫在網頁原始碼的最開頭，讓瀏覽器能夠在第一時間認識你所設計的網頁，這點非常的重要，如果寫在比較後面的程式碼裡，在部分瀏覽器的呈現結果，可能會出現像是亂碼或排版出錯的狀況，當一名優秀的網頁設計師，把 <!DOCTYPE> 寫在 HTML 網頁原始碼的開頭的好習慣還是要有。

延伸閱讀