文章中心 -> 电脑常识

文章正文

 对于 Web 开发人员来说，文本兼容性是一个要考虑的重要问题。Windows Internet Explorer 8 引入了文本兼容性模式，该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页，从而允许开发人员选择更新时间。
    本文档将介绍由 Windows Internet Explorer 8 支持的文本兼容性模式，以及如何使用自定义标头基于每个页面或每个站点实现这些模式。实现适当的兼容性模式后，可以确保站点与 Windows Internet Explorer 8 及更高版本兼容。
基于每个页面指定兼容性模式
    要为网页指定文本模式，请使用 META 元素，以在该网页中包含 X-UA-Compatible http-equiv 标头。以下示例指定了 EmulateIE7 模式兼容性。
HTML
复制代码 
<html>
   <head>
   <!-- Mimic Internet Explorer 7 -->
      <title>我的网页</title>
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   </head>
   <body>
      <p>内容在此处。</p>
   </body>
</html> 

    Content 属性指定了该页面的模式；例如，要模仿 Windows Internet Explorer 7 的行为，请指定 IE=EmulateIE7。同样，可指定 IE=5、IE=7 或 IE=8 以选择其中一种兼容性模式。您还可以指定 IE=edge 以通知 Windows Internet Explorer 8 使用最高级别的可用模式。
    X-UA-compatible 标头不区分大小写；但是，它必须显示在网页中除 TITLE 和其他 META 元素以外的所有元素之前的标头（HEAD 部分）中。
基于每个站点指定兼容模式
    通过使用 Web 服务器为站点定义自定义 HTTP 响应标头，可为网站指定文本模式。HTTP 响应标头是 Web 服务器附加到为响应 HTTP 请求而发送到浏览器中的文件的信息，这些信息通常包含发送回文件的日期、大小和类型。
    下列文档介绍了将 Web 服务器配置为将自定义 HTTP 响应标头附加到所有网页中所需的步骤。这将导致 Windows Internet Explorer 8 使用指定的文本兼容性模式，例如 EmulateIE7。
在 IIS 上实现 META 切换 
在 Apache 上实现 META 切换
    如果使用 Web 服务器指定了默认文本兼容性模式，则可通过在特定的网页中指定其他文本兼容性模式来覆盖该设置。在该网页中指定的模式优先于由服务器指定的模式。
使用脚本确定文本兼容性模式
    要使用 Windows Internet Explorer 8 确定网页的文本兼容性模式，请使用 document 对象的 documentMode 属性。例如，将以下内容键入到 Windows Internet Explorer 8 的地址栏中，可显示当前网页的文本模式。
javascript:alert(document.documentMode);
    documentMode 属性可返回与页面的文本兼容性模式相对应的数值。例如，如果所选页面支持 IE8 模式，则 documentMode 会返回 8。
    注意：在 Windows Internet Explorer 6 中引入的 compatMode 属性已不受支持，取而代之的是在 Windows Internet Explorer 8 中引入的 documentMode 属性。当前使用 compatMode 的应用程序仍然可以在 Windows Internet Explorer 8 中运行；但是，它们已更新为使用 documentMode。
    如果希望使用 JavaScript 确定文本的兼容性模式，请在其中包含支持 Windows Internet Explorer 旧版本的代码，如以下示例所示。
JScript
复制代码 
engine = null;
if (window.navigator.appName == "Microsoft Internet Explorer")
{
   // 这是一个 IE 浏览器。引擎处于哪种模式下？
   if (document.documentMode) // IE8
      engine = document.documentMode;
   else // IE 5-7
   {
      engine = 5; // 假设为 quirks 模式；除非另外证实是其他模式
      if (document.compatMode)
      {
         if (document.compatMode == "CSS1Compat")
            engine = 7; // 标准模式
      }
   }
   // 引擎变量现在包含文本兼容性模式。
} 

    此处使用的文档对象表示给定浏览器窗口中的 HTML 文档，可用来检查、修改 HTML 文档或将内容添加到该文档以及处理该文档中的事件。
使用条件注释确定文本兼容性模式
    如果只需要适应 Windows Internet Explorer，以下代码示例说明了如何使用条件注释来适用于当前版本或旧版本。
HTML
复制代码 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
   <head>
      <title>测试页</title>
      <meta http-equiv="X-UA-Compatible" content="IE=8"/>
      <!--[if gte IE 8]>
      <style type="text/css">
      body {
       color:#0000ff;
       background-color:#000000;
      }
      </style>
      <![endif]-->
      <!--[if lt IE 8]>
      <style type="text/css">
      body {
       color:#000000;
       background-color:#ffffff;
      }
      </style>
      <![endif]-->
   </head>
   <body>
      <h1>
      <!--[if gte IE 8]>
      第 1 章。
      <![endif]-->
      第一章
      </h1>
      <h1>
      <!--[if gte IE 8]>
      第 2 章。
      <![endif]-->
      第二章
      </h1>
      将看到任何版本的文本。
   </body>
</html> 

有关版本控制和 Windows Internet Explorer 模式的详细信息，请参阅定义文本兼容性。
IE兼容性中心 处获得更多内容。

文章来自绿盟(xDowns.com)转载请注明来路。

上一篇文章：Adobe修复高危漏洞 []

相关文章

相关软件