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 文檔。