About IE8 compatibility: Explanation of the X-UA-Compatible attribute

Problem description:

Copy code

The code is as follows:

1. What does this mean?

2. Some examples use "," to separate IE versions, while some use ";", which one is correct?

3. I want to know the meaning of the order IE=9; IE=8; IE=7; IE=EDGE.

In the document, <!DOCTYPE>

reply:

For IE8 and above, for example:

Copy code

The code is as follows:

Force the browser to render according to a specific version of the standard. But IE7 and below are not supported. If separated by a semicolon (;), different browser versions will have different compatibility, for example

Copy code

The code is as follows:

The above shows that IE8 and IE7 are rendered according to IE7 standards, but IE9 is still rendered according to IE9 standards. This allows for different levels of backward compatibility. In reality though, you only need to choose one version:

Copy code

The code is as follows:

This will be easier for testing and maintenance. A more useful approach is usually to perform simulation

Copy code

The code is as follows:

For IE=EDGE

Copy code

The code is as follows:

This means that the browser will be forced to render according to the latest standards. Just like using the latest version of jQuery from Google's CDN, this is up to date, but may also break your layouts without a fixed version.

Finally, consider this

Copy code

The code is as follows:

Adding "chrome=1" will allow the site to render on clients that use Chrome Frame, but will have no effect on clients that don't.

Copy code

The code is as follows:

For more information, there is plenty to read here, and if you want to learn about ChromeFrame (which I recommend) you can learn about its implementation here.

PS: X-UA-Compatible is a special file header tag for IE8 version, which is used to specify different page rendering modes for IE8. It is not recognized by browsers other than IE8.

Currently, most websites use <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ > as a compatibility method for IE8. In order to avoid errors in the produced pages under IE8, it is recommended to directly render IE8 using IE7. That is, add the following code directly to the meta tag of the page header:

Copy code

The code is as follows:

But <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ > is still the preferred choice.

StackOverFlow original link; http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top

<<: Solution to Incorrect string value in MySQL

>>: Teach you how to use Portainer to manage multiple Docker container environments

Common Linux English Error Chinese Translation (Newbies Must Know)

About IE8 compatibility: Explanation of the X-UA-Compatible attribute

Common Linux English Error Chinese Translation (Newbies Must Know)

Detailed explanation of MySQL basic operations (Part 2)

Introduction to fourteen cases of SQL database

Solution to the problem that a Linux modification of MySQL configuration does not take effect

Implementation of k8s node rejoining the master cluster

Detailed explanation of moment.js time and date processing

Building a KVM virtualization platform on CentOS7 (three ways)

Web designer's growth experience

How to start tomcat using jsvc (run as a normal user)

Vue implements user login switching

Recommend

JavaScript jigsaw puzzle game

mysql5.5.28 installation tutorial is super detailed!

Discussion on the Issues of Image Button Submission and Form Repeated Submission

Detailed explanation of the use of Linux lseek function

Example of how to implement embedded table with vue+elementUI

Summary of event handling in Vue.js front-end framework

ByteDance interview: How to use JS to implement Ajax concurrent request control

Implementation of MySQL select in subquery optimization

Differences between Windows Server 2008R2, 2012, 2016, and 2019

MySQL 8.0.23 installation super detailed tutorial

Analysis of the Poor Performance Caused by Large Offset of LIMIT in MySQL Query

How to configure MySQL master-slave replication under Windows

Detailed explanation of the problems and solutions encountered in flex multi-column layout

VSCode+CMake+Clang+GCC environment construction tutorial under win10

Detailed explanation of Vue form binding and components