HTML head 頭部分的標(biāo)簽、元素有很多，涉及到瀏覽器對網(wǎng)頁的渲染，SEO 等等，而各個瀏覽器內(nèi)核以及各個國內(nèi)瀏覽器廠商都有些自己的標(biāo)簽元素,這就造成了很多差異性。移動互聯(lián)網(wǎng)時代，head 頭部結(jié)構(gòu)，移動端的 meta 元素，顯得更為重要。了解每個標(biāo)簽的意義，寫出滿足自己需求的 head 頭標(biāo)簽，是本文的目的。本篇以一絲的文章為基礎(chǔ)，進(jìn)行擴(kuò)展總結(jié)介紹常用的 head 中各個標(biāo)簽、元素的意義以及使用場景。
DOCTYPE
DOCTYPE(Document Type)，該聲明位于文檔中最前面的位置，處于 html 標(biāo)簽之前，此標(biāo)簽告知瀏覽器文檔使用哪種 HTML 或者 XHTML 規(guī)范。
DTD(Document Type Definition) 聲明以 <!DOCTYPE> 開始，不區(qū)分大小寫，前面沒有任何內(nèi)容，如果有其他內(nèi)容(空格除外)會使瀏覽器在 IE 下開啟怪異模式(quirks mode)渲染網(wǎng)頁。公共 DTD，名稱格式為注冊//組織//類型 標(biāo)簽//語言,注冊指組織是否由國際標(biāo)準(zhǔn)化組織(ISO)注冊，+表示是，-表示不是。組織即組織名稱，如：W3C。類型一般是 DTD。標(biāo)簽是指定公開文本描述，即對所引用的公開文本的唯一描述性名稱，后面可附帶版本號。最后語言是 DTD 語言的 ISO 639 語言標(biāo)識符，如：EN 表示英文，ZH 表示中文。XHTML 1.0 可聲明三種 DTD 類型。分別表示嚴(yán)格版本，過渡版本，以及基于框架的 HTML 文檔。
●HTML 4.01 strict XML/HTML Code復(fù)制內(nèi)容到剪貼板 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">? ●HTML 4.01 Transitional XML/HTML Code復(fù)制內(nèi)容到剪貼板 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">? ●HTML 4.01 Frameset XML/HTML Code復(fù)制內(nèi)容到剪貼板 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">? ●最新 HTML5 推出更加簡潔的書寫，它向前向后兼容，推薦使用。 XML/HTML Code復(fù)制內(nèi)容到剪貼板 <!doctype html>? 在 HTML中 doctype 有兩個主要目的。 ●對文檔進(jìn)行有效性驗證。 它告訴用戶代理和校驗器這個文檔是按照什么 DTD 寫的。這個動作是被動的，每次頁面加載時，瀏覽器并不會下載 DTD 并檢查合法性，只有當(dāng)手動校驗頁面時才啟用。 ●決定瀏覽器的呈現(xiàn)模式 對于實際操作，通知瀏覽器讀取文檔時用哪種解析算法。如果沒有寫，則瀏覽器則根據(jù)自身的規(guī)則對代碼進(jìn)行解析，可能會嚴(yán)重影響 html 排版布局。瀏覽器有三種方式解析 HTML 文檔。 ●非怪異（標(biāo)準(zhǔn)）模式 ●怪異模式 ●部分怪異（近乎標(biāo)準(zhǔn)）模式 關(guān)于IE瀏覽器的文檔模式，瀏覽器模式，嚴(yán)格模式，怪異模式，DOCTYPE 標(biāo)簽，可詳細(xì)閱讀模式？標(biāo)準(zhǔn)！的內(nèi)容。 charset 聲明文檔使用的字符編碼， XML/HTML Code復(fù)制內(nèi)容到剪貼板 <meta charset="utf-8">? html5 之前網(wǎng)頁中會這樣寫： XML/HTML Code復(fù)制內(nèi)容到剪貼板 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
2015-11-21