HTML head 頭部分的標簽、元素有很多，涉及到瀏覽器對網頁的渲染，SEO 等等，而各個瀏覽器內核以及各個國內瀏覽器廠商都有些自己的標簽元素,這就造成了很多差異性。移動互聯網時代，head 頭部結構，移動端的 meta 元素，顯得更為重要。了解每個標簽的意義，寫出滿足自己需求的 head 頭標簽，是本文的目的。本篇以一絲的文章為基礎，進行擴展總結介紹常用的 head 中各個標簽、元素的意義以及使用場景。



DOCTYPE



DOCTYPE(Document Type)，該聲明位于文檔中最前面的位置，處于 html 標簽之前，此標簽告知瀏覽器文檔使用哪種 HTML 或者 XHTML 規范。



DTD(Document Type Definition) 聲明以 <!DOCTYPE> 開始，不區分大小寫，前面沒有任何內容，如果有其他內容(空格除外)會使瀏覽器在 IE 下開啟怪異模式(quirks mode)渲染網頁。公共 DTD，名稱格式為注冊//組織//類型 標簽//語言,注冊指組織是否由國際標準化組織(ISO)注冊，+表示是，-表示不是。組織即組織名稱，如：W3C。類型一般是 DTD。標簽是指定公開文本描述，即對所引用的公開文本的唯一描述性名稱，后面可附帶版本號。最后語言是 DTD 語言的 ISO 639 語言標識符，如：EN 表示英文，ZH 表示中文。XHTML 1.0 可聲明三種 DTD 類型。分別表示嚴格版本，過渡版本，以及基于框架的 HTML 文檔。



●HTML 4.01 strict

●HTML 4.01 Transitional

●HTML 4.01 Frameset

●最新 HTML5 推出更加簡潔的書寫，它向前向后兼容，推薦使用。

在 HTML中 doctype 有兩個主要目的。

●對文檔進行有效性驗證。

它告訴用戶代理和校驗器這個文檔是按照什么 DTD 寫的。這個動作是被動的，每次頁面加載時，瀏覽器并不會下載 DTD 并檢查合法性，只有當手動校驗頁面時才啟用。

●決定瀏覽器的呈現模式

對于實際操作，通知瀏覽器讀取文檔時用哪種解析算法。如果沒有寫，則瀏覽器則根據自身的規則對代碼進行解析，可能會嚴重影響 html 排版布局。瀏覽器有三種方式解析 HTML 文檔。

●非怪異（標準）模式

●怪異模式

●部分怪異（近乎標準）模式 關于IE瀏覽器的文檔模式，瀏覽器模式，嚴格模式，怪異模式，DOCTYPE 標簽，可詳細閱讀模式？標準！的內容。

charset

聲明文檔使用的字符編碼，

html5 之前網頁中會這樣寫：

　　繁體中文

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。