html head 頭部分的標籤、元素有很多，涉及到瀏覽器對網頁的渲染，seo 等等，而各個瀏覽器核心以及各個國內瀏覽器廠商都有些自己的標籤元素,這就造成了很多差異性。移動網際網路時代，head 頭部結構，移動端的 meta 元素，顯得更為重要。了解每個標籤的意義，寫出滿足自己需求的 head 頭標籤，是本文的目的。本篇以一絲的文章為基礎，進行擴充套件總結介紹常用的 head 中各個標籤、元素的意義以及使用場景。
doctype
doctype(document type)，該宣告位於文件中最前面的位置，處於 html 標籤之前，此標籤告知瀏覽器文件使用哪種 html 或者 xhtml 規範。
dtd(document type definition) 宣告以 開始，不區分大小寫，前面沒有任何內容，如果有其他內容(空格除外)會使瀏覽器在 ie 下開啟怪異模式(quirks mode)渲染網頁。公共 dtd，名稱格式為註冊//組織//型別 標籤//語言,註冊指組織是否由國際標準化組織(iso)註冊，+表示是，-表示不是。組織即組織名稱，如：w3c。型別一般是 dtd。標籤是指定公開文字描述，即對所引用的公開文字的唯一描述性名稱，後面可附帶版本號。最後語言是 dtd 語言的 iso 639 語言識別符號，如：en 表示英文，zh 表示中文。xhtml 1.0 可宣告三種 dtd 型別。分別表示嚴格版本，過渡版本，以及基於框架的 html 文件。
html 4.01 strict
宣告文件使用的字元編碼，
charset="utf-8">content="text/html; charset=utf-8">這兩個是等效的，具體可移步閱讀： vs ，所以建議使用較短的，易於記憶。
lang屬性
簡體中文
lang="zh-cmn-hans">lang="zh-cmn-hant">優先使用 ie 最新版本和 chrome
content="ie=edge,chrome=1" />360 使用google chrome frame
name="renderer"
content="webkit">
content="ie=edge,chrome=1">這樣寫可以達到的效果是如果安裝了 google chrome frame，則使用 gcf 來渲染頁面，如果沒有安裝 gcf，則使用最高版本的 ie 核心進行渲染。
http-equiv="cache-control"頁面標題標籤(head 頭部必須)
your titletitle>name="keywords"
content="your keywords">
name="description"
content="your description">
name="author"
content="author,email address">
name="robots"
content="index,follow">
viewport 可以讓布局在移動瀏覽器上顯示的更好。 通常會寫
name="viewport"
content="width=device-width, initial-scale=1.0">
name="viewport"
content="width=device-width, initial-scale=1, minimal-ui">
name="viewport"
content="width=device-width,user-scalable=yes">
文章**：
前端頭標籤彙總
以下面這個 標籤為例 在上面的宣告中，宣告了文件的根元素是 html，它在公共識別符號被定義為 w3c dtd xhtml1.0 strict en 的 dtd 中進行了定義。瀏覽器將明白如何尋找匹配此公共識別符號的 dtd。如果找不到，瀏覽器將使用公共識別符號後面的 url 作為尋找 dtd 的位...
HTML 表頭標籤的屬性
標籤的屬性和標籤的屬性及語法格式非常的相似，用於設定 中某一表頭的屬性。標籤中常用的屬性 標籤 描述align 設定單元格內容的水平對齊方式 valign 設定單元格內容的垂直對齊方式 bgcolor 設定單元格的背景顏色 background 設定單元格的背景 width 設定單元格的寬度 hei...
Html筆記 九 頭標籤
頭標籤 頭標籤都放在 head 頭部分之間。包括 title base meta link 指定瀏覽器的標題欄顯示的內容。href 屬性 指定網頁中所有的超連結的目錄。可以是本地目錄，也可以是網路目錄，注意值的結尾處一定要用 表示目錄。只作用於相對路徑的超連結檔案。name 屬性 網頁的描述資訊。當...