IE11 中的兼容性更改

约定不等于承诺〃 2022-09-20 12:52 261阅读 0赞

使用 Internet Explorer 11，你可以获得与 Web 标准、其他浏览器和实际网站的更好兼容性。 更新了对常用 Web 标准的支持并添加了可防止较旧版本的网站错误显示的更改。

这些更改包括：

*  [User-agent 字符串更改][User-agent]
 *  [文档模式更改][Link 1]
 *  [传统 API 添加、更改和删除][API]
 *  [URL 字符编码][URL]
 *  [自定义数据属性][Link 2]
 *  [SVG“pointer-events”属性的 HTML 支持][SVG_pointer-events_ HTML]
 *  [更新反映对基于标准的规范的更改][Link 3]
    
     *  [弹性框（“Flexbox”）布局更新][Flexbox]
     *  [突变观察者][Link 4]
     *  [指针事件][Link 5]

## User-agent 字符串更改 ##

对于许多传统网站，针对 IE11 的一些最明显的更新涉及 user-agent 字符串。 以下是针对 Windows 8.1 上的 IE11 报告的内容：

JavaScript

Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko

用户代理字符串的特定值会因诸多因素（例如，运行浏览器的操作系统、运行浏览器的设备以及网站是否采用兼容性视图显示）而有所不同。 有关详细信息，请参阅[用户代理字符串更改][Link 6]。

与先前版本的 Internet Explorer 一样，部分 user-agent 字符串会因环境条件的不同而有所差异。 以下是针对 Windows 7 上的 IE11 显示的字符串：

JavaScript

Mozilla/5.0 (Windows NT 6.1; Trident/7.0; rv:11.0) like Gecko

如果将这些 user-agent 字符串与[早期版本][Link 7]的 Internet Explorer 报告的字符串进行比较，你会发现以下更改：

*  兼容 ("兼容") 和浏览器 ("MSIE") 令牌已删除。
 *  "like Gecko" 令牌已添加（以便与其他浏览器一致）。
 *  浏览器版本现在由新版本 ("rv") 令牌报告。

这些更改有助于防止 IE11 被（错误）标识为较早的版本。

通常，应避免检测特定浏览器或浏览器版本。 基于此类测试的假设易于在更新浏览器时导致误报。 相反，在你需要使用功能时[检测功能][Link 8]并使用[渐进增强][Link 9]为不支持所需功能的浏览器或设备提供简化体验。

在极少数情况下，必须唯一地标识 IE11。 使用 [Trident 令牌][Link 7]来执行此操作。

## 文档模式更改 ##

Windows Internet Explorer 8 中引入了文档模式，这些模式可以帮你实现从早期版本的浏览器支持的功能转换为现行标准和其他浏览器指定的功能。 Windows Internet Explorer 的后续版本继续使用此转换，方法是引入对行业标准所定义功能的支持的同时，引入模拟早期版本所支持功能的新文档模式。

当许多网站已更新为向其他浏览器提供更丰富的体验时，某些网站仍继续使用现有的传统功能支持向 Internet Explorer 提供传统体验，即便最新版本的浏览器支持为其他浏览器呈现的体验。

从 IE11 开始，*边缘模式*成为首选文档模式；它代表可供浏览器使用的现行标准的最高支持。

使用 HTML5 文档类型声明启用边缘模式：

HTML

<!doctype html>

Internet Explorer 8 中引入了边缘模式并且每个后续版本中也提供了该模式。 注意，边缘模式支持的功能会限制为呈现内容的特定浏览器版本支持的功能。

从 IE11 开始，文档模式被弃用，除了临时情况外不应再使用。 请确保更新依赖于传统功能和文档模式的站点，以便反映现行标准。

如果必须针对特定文档模式，以便在重新运行站点来支持现行标准和功能时站点能够工作，则请注意，你使用的是过渡功能，以后的版本中可能不提供该功能。

如果你当前针对[传统文档模式][Link 10]使用 **x-ua-compatible** 标头，则你的站点可能无法反映适用于 IE11 的最佳体验。 有关详细信息，请参阅 [modern.ie][]。

## 传统 API 添加、更改和删除 ##

许多网站查找支持传统 (HTML4) 功能的浏览器，目的是提供针对早期浏览器优化的体验。 对于支持传统功能和现行标准（如 HTML5、CSS3 等）的浏览器，这是一个问题。 如果站点在搜索现行标准支持之前检测到传统功能，则可以为支持现行标准的浏览器提供传统体验和更丰富的体验。

因此，IE11 添加、更改、删除了许多默认的传统功能：

*  [navigator.appName][] 属性现在会返回 "Netscape" 以反映 HTML5 标准和匹配其他浏览器的行为。
 *  [navigator.product][] 属性现在会返回 "Gecko" 以便反映 HTML5 标准和匹配其他浏览器的行为。
 *  [XDomainRequest][] 对象被 [XMLHttpRequest 的 ORS][XMLHttpRequest _ ORS] 替换。
 *  已添加对 [\_\_proto\_\_][proto] 的支持。
 *  已添加 [dataset][] 属性。

另外，为了支持现行标准指定的功能，已删除若干传统 API 功能：

<table style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; border-collapse:collapse; padding-bottom:20px; padding-top:20px; width:742px; color:rgb(69,69,69); font-size:14px; line-height:20px"> 
 <tbody> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> 删除 API 功能</td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> 替代功能</td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ms536343%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">attachEvent</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ff975245%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">addEventListener</a></td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ms536420%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">window.execScript</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://go.microsoft.com/fwlink/p/?LinkId=303948" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">eval</a></td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ms536414%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">window.doScroll</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ms534617%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">window.scrollLeft</a>、<a href="http://msdn.microsoft.com/zh-cn/library/ie/ms534618%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">window.scrollTop</a></td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ms537434%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">document.all</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ms536437%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">document.getElementById</a></td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ms533752%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">document.fileSize</a>、<a href="http://msdn.microsoft.com/zh-cn/library/ie/ms533752%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">img.fileSize</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> 使用&nbsp;<a href="http://msdn.microsoft.com/zh-cn/library/ie/ms535874%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">XMLHttpRequest</a>&nbsp;可提取源</td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/dd576252%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">script.onreadystatechange</a>&nbsp;和&nbsp;<a href="http://msdn.microsoft.com/zh-cn/library/ie/ms534359%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">script.readyState</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/cc197055%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">script.onload</a></td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ms535869%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">document.selection</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ff975169%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">window.getSelection</a></td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ms531194%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">document.createStyleSheet</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ms536389%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">document.createElement("style")</a></td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/dd347030%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">style.styleSheet</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ff974766%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">style.sheet</a></td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://msdn.microsoft.com/zh-cn/library/ie/ms536392%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">window.createPopup</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> 使用&nbsp;<a href="http://msdn.microsoft.com/zh-cn/library/ie/ms535240%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">div</a>&nbsp;或&nbsp;<a href="http://msdn.microsoft.com/zh-cn/library/ie/ms535258%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">iframe</a>（<a href="http://msdn.microsoft.com/zh-cn/library/ie/ms531188%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">zIndex</a>&nbsp;值很高）</td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> <a href="http://go.microsoft.com/fwlink/p/?LinkId=320326" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">二进制行为</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> 变化；使用基于标准的等效，如&nbsp;<a href="http://msdn.microsoft.com/zh-cn/library/ie/ff975062%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">canvas</a>、<a href="http://msdn.microsoft.com/zh-cn/library/ie/hh673562%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">SVG</a>&nbsp;或&nbsp;<a href="http://msdn.microsoft.com/zh-cn/library/ie/hh771874%28v=vs.85%29.aspx" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">CSS3 动画</a></td> 
 </tr> 
 <tr> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> 传统<a href="http://go.microsoft.com/fwlink/p/?LinkId=316267" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">数据绑定</a></td> 
 <td style="font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(219,219,219); margin:10px; padding:10px 8px; color:rgb(42,42,42); vertical-align:top"> 使用框架提供的数据绑定，如&nbsp;<a href="http://go.microsoft.com/fwlink/p/?LinkID=309092" style="font-family:'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:1em; line-height:1.429em; color:rgb(0,24,143)" rel="nofollow">WinJS</a></td> 
 </tr> 
 </tbody> 
</table>

这些更改在某种程度上可阻止编得不好的 user-agent 检测机制（错误地）将 Internet Explorer 标识为较早版本。 因此，依靠现行标准的站点按预期显示。

## URL 字符编码 ##

IE11 更改了 URL 的字符编码。 具体来说，现在使用 UTF-8 字符编码对查询字符串和 XHR 请求进行编码。

此更改会影响所有 URL，但以下除外：

*  定位名称组件（也称为“片断”）。
 *  用户名和密码组件。
 *  file:// or ftp:// protocol links。

这些更改与其他浏览器行为匹配并简化了跨浏览器 XHR 代码。

## 自定义数据属性 ##

IE11 添加了对 HTML5 自定义数据属性和 [dataset][] 属性的支持，可以提供对它们的编程访问权限。你可以使用 **data-** 前缀后跟属性名称的方式来向元素分配数据属性：

HTML

要获取或设置数据属性的值，请使用此语法：

JavaScript

// to get
       var myData = element.dataset.exampleData;
       // to set
       element.dataset.exampleData = "something new";

## SVG“pointer-events”属性的 HTML 支持 ##

从 IE11 开始，也支持 [pointer-events][] 作为 HTML 元素上的 CSS 属性，其效果如下：

默认情况下将继承 [pointer-events][] 属性，所以会影响应用该属性的元素的所有后代。

## 更新反映对基于标准的规范的更改 ##

IE11 还包括用于支持基于标准的 Web 规范（已更新或仍在发展）的更新。 这其中包括与支持下列功能相关的更改：

### 弹性框（“Flexbox”）布局更新 ###

使用 IE11，你可以更新站点来与最新的弹性框标准保持一致并简化跨浏览器的代码。

有关详细信息，请参阅["弹性框（“Flexbox”）布局更新"][Flexbox 1]。

### 突变观察者 ###

[突变观察者][Link 11]是 IE11 中新的标准 Web 平台功能，提供了对突变事件支持的所有相同方案的快速执行直接替代，以及对属性更改事件支持的方案的替代。

有关详细信息，请参阅["突变观察者"][Link 11]和["将突变事件和属性更改事件迁移到突变观察者"][Link 12]。

### 指针事件 ###

为了符合万维网联合会 (W3C) *指针事件*规范的候选推荐，与 Internet Explorer 10 相比，IE11 实施已略有更改。

有关完整详细信息，请参阅["指针事件更新"][Link 13]。

[User-agent]: http://msdn.microsoft.com/zh-cn/library/ie/bg182625%28v=vs.85%29.aspx#uaString
[Link 1]: http://msdn.microsoft.com/zh-cn/library/ie/bg182625%28v=vs.85%29.aspx#docmode
[API]: http://msdn.microsoft.com/zh-cn/library/ie/bg182625%28v=vs.85%29.aspx#legacyAPIs
[URL]: http://msdn.microsoft.com/zh-cn/library/ie/bg182625%28v=vs.85%29.aspx#utf8
[Link 2]: http://msdn.microsoft.com/zh-cn/library/ie/bg182625%28v=vs.85%29.aspx#dataset
[SVG_pointer-events_ HTML]: http://msdn.microsoft.com/zh-cn/library/ie/bg182625%28v=vs.85%29.aspx#pointer-events
[Link 3]: http://msdn.microsoft.com/zh-cn/library/ie/bg182625%28v=vs.85%29.aspx#standards
[Flexbox]: http://msdn.microsoft.com/zh-cn/library/ie/bg182625%28v=vs.85%29.aspx#_____flexbox______
[Link 4]: http://msdn.microsoft.com/zh-cn/library/ie/bg182625%28v=vs.85%29.aspx#_____
[Link 5]: http://msdn.microsoft.com/zh-cn/library/ie/bg182625%28v=vs.85%29.aspx#____
[Link 6]: http://msdn.microsoft.com/zh-cn/library/ie/hh869301%28v=vs.85%29.aspx
[Link 7]: http://msdn.microsoft.com/zh-cn/library/ie/ms537503%28v=vs.85%29.aspx
[Link 8]: http://msdn.microsoft.com/zh-cn/library/ie/hh273397%28v=vs.85%29.aspx
[Link 9]: http://en.wikipedia.org/wiki/Progressive_Enhancement
[Link 10]: http://msdn.microsoft.com/zh-cn/library/ie/jj676915%28v=vs.85%29.aspx
[modern.ie]: http://go.microsoft.com/fwlink/p/?LinkID=301530
[navigator.appName]: http://msdn.microsoft.com/zh-cn/library/ie/ms533079%28v=vs.85%29.aspx
[navigator.product]: http://msdn.microsoft.com/zh-cn/library/ie/dn508363%28v=vs.85%29.aspx
[XDomainRequest]: http://msdn.microsoft.com/zh-cn/library/ie/cc288060%28v=vs.85%29.aspx
[XMLHttpRequest _ ORS]: http://msdn.microsoft.com/zh-cn/library/ie/hh673569%28v=vs.85%29.aspx#cors_xhr
[proto]: http://go.microsoft.com/fwlink/p/?LinkId=303946
[dataset]: http://msdn.microsoft.com/zh-cn/library/ie/dn254940%28v=vs.85%29.aspx
[pointer-events]: http://msdn.microsoft.com/zh-cn/library/ie/ff972269%28v=vs.85%29.aspx
[Flexbox 1]: http://msdn.microsoft.com/zh-cn/library/ie/dn265027%28v=vs.85%29.aspx
[Link 11]: http://msdn.microsoft.com/zh-cn/library/ie/dn265034%28v=vs.85%29.aspx
[Link 12]: http://msdn.microsoft.com/zh-cn/library/ie/dn265032%28v=vs.85%29.aspx
[Link 13]: http://msdn.microsoft.com/zh-cn/library/ie/dn304886%28v=vs.85%29.aspx