参考资料

  1. Meta字符编码声明
  2. 如何优化meta参数提升排名
  3. Meta Twitter 卡片
  4. meta charset="UTF-8" 是HTML文档中用于指定字符编码的元标签
  5. Open Graph协议是由Facebook推出的元数据协议
  6. meta参数设置的最佳实践
  7. meta‌‌‌ iOS设备优化是一个用于提升iOS设备性能的库
  8. Meta标签禁止电话号码自动识别

http-equiv="X-UA-Compatible" 是 HTML 的 标签属性，用于控制浏览器的文档渲染模式

http-equiv="X-UA-Compatible" 是 HTML 的 <meta> 标签属性，用于控制浏览器的文档渲染模式，主要针对 IE 浏览器。

作用：

  • 指定 IE 浏览器使用哪种文档模式渲染页面。

  • 确保网页在不同版本 IE 中保持一致的显示效果。

常用参数设置：

  1. content="IE=edge"

    • 强制使用当前 IE 版本的最高标准模式渲染。

    • 推荐设置，确保使用最新引擎。

  2. content="IE=EmulateIE7"

    • 如果页面有 <!DOCTYPE>，则使用 IE7 标准模式；否则使用怪异模式（Quirks mode）。

  3. content="IE=7"

    • 强制使用 IE7 标准模式，无论是否有 <!DOCTYPE>。

  4. content="IE=5"

    • 强制使用怪异模式（类似 IE5.5 的渲染方式）。

  5. content="IE=EmulateIE8"

    • 根据 <!DOCTYPE> 决定使用 IE8 标准模式或怪异模式。

  6. content="IE=8"

    • 强制使用 IE8 标准模式。

  7. content="IE=9"

    • 强制使用 IE9 标准模式。

  8. content="IE=10"

    • 强制使用 IE10 标准模式。

典型用法：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

注意事项：

  • 必须放在 <head> 的最前面，优先于其他元素（除 <title> 和 <meta charset>）。

  • 仅对 IE 浏览器有效，其他浏览器忽略此设置。

  • 从 IE11 开始，edge 模式是默认值，但显式声明可确保向后兼容。