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
XML/HTML Code復制內容到剪貼板 <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">●HTML 4.01 Frameset
XML/HTML Code復制內容到剪貼板 <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">●最新 HTML5 推出更加簡潔的書寫,它向前向后兼容,推薦使用。
XML/HTML Code復制內容到剪貼板 <!doctypehtml>在 HTML中 doctype 有兩個主要目的。
●對文檔進行有效性驗證。
它告訴用戶代理和校驗器這個文檔是按照什么 DTD 寫的。這個動作是被動的,每次頁面加載時,瀏覽器并不會下載 DTD 并檢查合法性,只有當手動校驗頁面時才啟用。
●決定瀏覽器的呈現模式
對于實際操作,通知瀏覽器讀取文檔時用哪種解析算法。如果沒有寫,則瀏覽器則根據自身的規則對代碼進行解析,可能會嚴重影響 html 排版布局。瀏覽器有三種方式解析 HTML 文檔。
●非怪異(標準)模式
●怪異模式
●部分怪異(近乎標準)模式 關于IE瀏覽器的文檔模式,瀏覽器模式,嚴格模式,怪異模式,DOCTYPE 標簽,可詳細閱讀模式?標準!的內容。
charset
聲明文檔使用的字符編碼,
XML/HTML Code復制內容到剪貼板 <metacharset="utf-8">html5 之前網頁中會這樣寫:
XML/HTML Code復制內容到剪貼板 <metahttp-equiv="Content-Type"content="text/html;charset=utf-8">繁體中文
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答