meta元素有4個屬性:name、http-equiv、content、charset.meta標簽通過name屬性來表述頁面文檔的元信息,通過http-equiv屬性設置http請求指令,通過charset設置頁面的字符編碼。按照屬性設置分類,meta可以分為三類:
創(chuàng)新互聯(lián)是一家專業(yè)提供馬山企業(yè)網站建設,專注與網站制作、做網站、H5響應式網站、小程序制作等業(yè)務。10年已為馬山眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網站制作公司優(yōu)惠進行中。name屬性和content屬性組合,構成名稱/值對,用于描述網站信息.
標準的meta名稱包括application-name、author、description、generator等。 示例代碼:
其中keywords和description這兩個名稱的使用率最高,是搜索引擎優(yōu)化的主要手段之一,推薦讀者使用。
http-equiv屬性和content屬性組合,設置特定的http指令;
其中content-type、default-style和refresh已經確定,content-language和set-cookie還未正式確定.
此類型meta應該謹慎使用。不推薦使用,某些搜索引擎遇到此meta時會停止解析 頁面剩余的部分。在實際的場景中很少使用
charset屬性,設置頁面字符編碼。
此屬性提供了保存和傳輸文檔的編碼格式。
等價于
但是第一種形式更簡潔好記,并且得到了所有主流瀏覽器的支持,所有不存在瀏覽器兼容問題。為 了讓瀏覽器能準確識別編碼格式,務必在
除了W3C定義的規(guī)范中定義的這些meta之外,還有大量的自定義meta類型。這些meta類型主要是由互聯(lián)網公司或者瀏覽器廠商為了實現(xiàn)特定的功能而定制的。這些自定義的meta不能通過W3C提供的標準校驗,但并不是說這些meta不標準。介紹一些常用的meta
設置IE瀏覽器的兼容模式
從IE8瀏覽器開始支持一種設置頁面兼容模式的meta類型,示例代碼如下:
專門建立的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學習方法和需要注意的小細節(jié),互相交流學習,不停更新最新的教程和學習技巧(從零基礎開始到WEB前端項目實戰(zhàn)教程,學習工具,全棧開發(fā)學習路線以及規(guī)劃)
根據html規(guī)范,瀏覽器是按照頁面開頭定義的文檔類型來解析頁面的。例如,使用html5的文檔類型聲明:
IE就會以標準模式解析HTML文檔。但是某些已有頁面由于各種原因不能在最新標準模式下正確顯示,只支持特定的標準。針對這種情況,IE瀏覽器提供了一種兼容的方案,通過設置X-UA-Compatible指定頁面在IE瀏覽器中渲染時執(zhí)行的標準。
此外還有一種很常見的設置值,即:
IE定義的meta為什么會出現(xiàn)chrome呢?其實設置為chrome=1時,則會在IE9及以下瀏覽器中激活Chrome Frame,強制IE使用Chrome Frame渲染頁面。