溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文以Html的頭部標簽meta為例，為大家分析meta標簽的屬性以及meta標簽的使用，閱讀完整文相信大家對Html的頭部標簽meta有了一定的認識。
meta元素有4個屬性：name、http-equiv、content、charset.meta標簽通過name屬性來表述頁面文檔的元信息，通過http-equiv屬性設置http請求指令，通過charset設置頁面的字符編碼。按照屬性設置分類，meta可以分為三類:
name屬性和content屬性組合,構成名稱/值對，用于描述網站信息.
標準的meta名稱包括application-name、author、description、generator等。 示例代碼：
<meta name="keywords" content="british,typeface,font,fonts"/>其中keywords和description這兩個名稱的使用率最高，是搜索引擎優化的主要手段之一，推薦讀者使用。
http-equiv屬性和content屬性組合，設置特定的http指令;
其中content-type、default-style和refresh已經確定,content-language和set-cookie還未正式確定.
此類型meta應該謹慎使用。不推薦使用<meta http-equiv="refresh" content="300"/>,某些搜索引擎遇到此meta時會停止解析 頁面剩余的部分。<meta http-equiv="default-style">在實際的場景中很少使用
charset屬性,設置頁面字符編碼。
此屬性提供了保存和傳輸文檔的編碼格式。
<meta charset="utf-8">等價于
<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>但是第一種形式更簡潔好記，并且得到了所有主流瀏覽器的支持，所有不存在瀏覽器兼容問題。為 了讓瀏覽器能準確識別編碼格式，務必在<title>標簽之前設置charset,保證標題能正確顯示。
除了W3C定義的規范中定義的這些meta之外，還有大量的自定義meta類型。這些meta類型主要是由互聯網公司或者瀏覽器廠商為了實現特定的功能而定制的。這些自定義的meta不能通過W3C提供的標準校驗，但并不是說這些meta不標準。介紹一些常用的meta
設置IE瀏覽器的兼容模式
從IE8瀏覽器開始支持一種設置頁面兼容模式的meta類型
根據html規范，瀏覽器是按照頁面開頭定義的文檔類型來解析頁面的。例如，使用html5的文檔類型聲明：
<!DOCTYPE html>IE就會以標準模式解析HTML文檔。但是某些已有頁面由于各種原因不能在最新標準模式下正確顯示，只支持特定的標準。針對這種情況，IE瀏覽器提供了一種兼容的方案，通過設置X-UA-Compatible指定頁面在IE瀏覽器中渲染時執行的標準。
此外還有一種很常見的設置值，即:
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>IE定義的meta為什么會出現chrome呢？其實設置為chrome=1時，則會在IE9及以下瀏覽器中激活Chrome Frame,強制IE使用Chrome Frame渲染頁面。
看完上述內容，你們對Html的頭部標簽meta有進一步的了解嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
