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 網頁原始碼的開頭的好習慣還是要有。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C