Shulou(Shulou.com)06/02 Report--

This article will explain in detail how to parse the compatibility of IE8 files, the content of the article is of high quality, so the editor will share it for you as a reference. I hope you will have a certain understanding of the relevant knowledge after reading this article.

Describe the IE8 style compatibility adaptation method. To help ensure that your web page has a consistent look and feel in all future IE versions, IE8 introduces IE8 file compatibility. Introducing an additional compatibility mode in IE6, IE8 file compatibility allows you to choose a specific compilation mode when IE renders your web page.

IE8 style compatibility adaptation method

IE8 file compatibility is used to define how IE compiles your web page. This article explains IE8 file compatibility, how to specify your site's IE8 file compatibility mode, and how to determine which file mode a web page should use.

Preface

To help ensure that your web page has a consistent look and feel in all future IE versions, IE8 introduces IE8 file compatibility. Introducing an additional compatibility mode in IE6, IE8 file compatibility allows you to choose a specific compilation mode when IE renders your web page.

The new IE to ensure that web pages have a look in future versions, IE8 introduces IE8 file compatibility. When you introduce an additional compatibility mode, this article explains the need for IE8 file compatibility, lists the IE8 file compatibility modes that can be used by existing versions of IE, and demonstrates how to select a specific compatibility mode.

The need to understand the compatibility of IE8 files

New features in each major version of IE are designed to make browsers easier to use, more secure, and more supportive of industry standards. With these as features of IE, one of the risks is that the older version of the site does not display correctly.

To reduce this risk to *, IE6 allows web developers to choose how IE compiles and displays their web pages. "Quirksmode" is the default, which makes the page appear from the point of view of older browsers, and "Standardsmode" (also known as "strictmode") features the best support for industry standards. However, to take advantage of this enhanced support, the web page must contain the appropriate instructions.

If a web page does not contain an instruction, IE6 will display it as quirksmode. If the web page contains a valid instruction but the browser cannot recognize it, IE6 will display it as IE6standardsmode. Because a few websites already contain instructions, the compatibility mode switch is quite successful. This allows web developers to choose the time to transfer their pages to standardsmode.

As time goes by, more websites begin to use standardsmode. They also began to use the features and functions of IE6 to detect IE. For example, IE6 does not support universalselector (the global selector of css * {}), and some websites use it to make specific mappings for IE.

When IE7 adds support for global selectors, sites that rely on IE6 features will not be able to detect this new version of the browser. As a result, specific correspondence for IE cannot be applied to IE7, causing these sites to fail to display as they expected. Since only two compatibility modes are supported, affected site owners are forced to update their sites to support IE7.

IE8 supports industry standards more than any previous version of the browser, so web pages designed for older browsers may not render as expected. To help alleviate all problems, IE8 introduces the concept of IE8 file compatibility, which allows you to select a specific IE version for your web design. IE8 file compatibility adds some new modes to IE8 that tell browsers how to parse and compile a web page. If your page does not display correctly in ie8, you can update your site to support * * web standards (preferences) or add a meta element to your page to tell IE8 how to compile your page according to the old version of the browser. This allows you to choose the time to update your website to support the new features of IE8.

Recognize the IE8 file compatibility mode

IE8 supports several IE8 file compatibility modes, which have different features and affect the way content is displayed.

◆-EmulateIE8mode instructs IE to use instructions to decide how to compile the content. The Standardsmode instruction is displayed as IE8Standardsmode and the quirksmode is displayed as IE5mode. Unlike IE8mode,EmulateIE8mode, it attaches importance to instructions.

◆-EmulateIE7mode instructs IE to use instructions to decide how to compile the content. The Standardsmode instruction is displayed as IE7Standardsmode and the quirksmode is displayed as IE5mode. Unlike IE7mode,EmulateIE7mode, it attaches importance to instructions. This is the most recommended compatibility mode for many web pages.

-the IE5mode compilation is similar to the display of IE7's quirksmode, and is very similar to the one shown in IE5.

The ◆-IE7mode compilation is similar to the display of IE7's standardsmode, regardless of whether the page contains instructions or not.

◆-IE8mode provides support for industry standards, including W3CCascadingStyleSheetsLevel2.1Specification and W3CSelectorsAPI, and limited support for W3CCascadingStyleSheetsLevel3Specification (WorkingDraft).

◆-Edgemode instructs IE to display content in the * mode currently available. When using IE8, it is equivalent to IE8mode. If (assuming) IE that supports a higher compatibility mode is released in the future, pages that use Edgemode will use the * mode supported by that version to display content. The same pages will be displayed as usual when browsing with IE8.

Since edgemode uses the * mode supported by this IE version to display the content of the web page you browse, it is recommended to use it only for test pages and other non-commercial pages.

Specify IE8 file compatibility mode

To specify the file mode for your page, you need to use the meta element to put the X-UA-Compatiblehttp-equiv header in your page. The following is an example of being designated as EmulateIE7mode compatibility.

MyWebPage

Contentgoeshere.

Its content changes with the specified page mode, and when you want to simulate IE7, specify IE=EmulateIE7, specify IE=5,IE=7, or IE=8 to select one of the compatibility modes. You can also specify IE=edge to instruct IE8 to use the * mode it supports.

X-UA-compatible headers are not case-sensitive. However, except for the title element and other meta elements, it must appear in front of other elements in the header section of the web page.

Set up the website server to specify the default compatibility mode

Webmasters can preset a specific IE8 file compatibility mode for their sites by defining a custom header for their sites. This particular method depends on your website server. For example, the following web.config file enables MicrosoftInternetInformationServices (IIS) to define a custom header to automatically compile all web pages using IE7mode.

If you have specified a default IE8 file compatibility mode on the web server, you can override it by specifying different IE8 file compatibility modes on individual pages. The mode specified in the web page takes precedence over the mode specified in the server.

Determine the IE8 file compatibility mode

To determine the IE8 file compatibility mode for IE8 browsing, use the documentMode function of documentobject (document object). For example, entering the following code in the URL column of IE8 will display the document mode of the current page.

_ javascript:alert (document.documentMode)

The documentMode function returns a value corresponding to the IE8 file compatibility mode of the current page. For example, if the page is specified to support IE8 mode, documentMode will return the value "8".

The compatMode feature introduced in IE6 does not support the documentMode feature introduced in IE8. Applications currently built using compatMode can also work in IE8, but they must be updated to use documentMode.

If you want to use JavaScript to determine the compatibility mode of a document, the code introduced in the following example supports older versions of IE.

Engine=null; if (window.navigator.appName== "MicrosoftInternetExplorer") {/ / ThisisanIEbrowser.Whatmodeistheenginein? If (document.documentMode) / / IE8 engine=document.documentMode; else//IE5-7 {engine=5;//Assumequirksmodeunlessprovenotherwise if (document.compatMode) {if (document.compatMode== "CSS1Compat") engine=7;//standardsmode}} / / theenginevariablenowcontainsthedocumentcompatibilitymode }

Cognitive content attribute value

The content attribute value is flexible when it receives a value that is different from the previously described value. This will give you more control over how IE displays your web page. For example, you can set the content property value to IE=7.5. When you do this, IE tries to convert this value to versionvector and selects the closest result. In this example, IE sets it to IE7mode. The following example shows how the mode is set to other values.

Note: the previous example shows individual content values. In fact, IE will only execute * X-UA-Compatible headers in the web page.

You can also use the content attribute to specify a plural IE8 file compatibility mode, which will help ensure that your web page will be displayed consistently in future browser versions. To set a plural file mode, set the content properties to identify the mode you want to use. Use semicolons to separate patterns.

If a particular version of IE supports more than one compatibility mode, list usage as the available mode in the header content attribute. You can use this feature to exclude specific compatibility modes, although this is not recommended. For example, the following header excludes IE7mode.

Conclusion

Compatibility is a very important concern for web designers. Although it is possible to build a website that does not rely on any web browser features or functions at all, sometimes this is impossible. IE8 file compatibility mode restricts web pages to a particular version of IE.

Use the X-UA-Compatible header to specify which IE version your page supports. Use document.documentMode to determine the compatibility mode of the page.

By choosing to support a particular version of IE, you can ensure that your page will be displayed consistently in future browser versions.

On how to parse IE8 file compatibility issues to share here, I hope that the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.