HTML Meta Add X-UA-Compatible and IE=Edge,chrome=1 What's the role ?
The theme HTML

X-UA-Compatible Since IE8 A new setting , about IE8 The following browsers are not recognized . By means of meta Set in X-UA-Compatible Value , You can specify compatibility mode settings for web pages .

The mode specified in the web page takes precedence over the mode specified in the server ( adopt HTTP Header) The specified pattern . Compatibility mode set priority :

meta tag > http header

meta tag > http header

Common examples :

<meta http-equiv="X-UA-Compatible" content="IE=7">  
# The above code tells IE browser , With or without DTD Declare document standards ,IE8/9 with IE7 Engine to render the page .  
<meta http-equiv="X-UA-Compatible" content="IE=8">  
# The above code tells IE browser ,IE8/9 with IE8 Engine to render the page .  
<meta http-equiv="X-UA-Compatible" content="IE=edge">  
# The above code tells IE browser ,IE8/9 And later versions will be in the highest version IE To render a page .  
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">  
<meta http-equiv="X-UA-Compatible" content="IE=7,9">  
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
# Above code IE=edge tell IE Rendering web pages with the latest engine ,chrome=1 Can be activated Chrome Frame.

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

# The above code tells IE browser , With or without DTD Declare document standards ,IE8/9 with IE7 Engine to render the page .

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

# The above code tells IE browser ,IE8/9 with IE8 Engine to render the page .

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

# The above code tells IE browser ,IE8/9 And later versions will be in the highest version IE To render a page .

<meta http-equiv = "X-UA-Compatible" content = "IE=7,IE=9" >

<meta http-equiv = "X-UA-Compatible" content = "IE=7,9" >

<meta http-equiv = "X-UA-Compatible" content = "IE=Edge,chrome=1" >

# Above code IE = edge tell IE Rendering web pages with the latest engine ,chrome = 1 Can be activated Chrome Frame .

Google Chrome Frame Encyclopedias

“IE=Edge,chrome=1″ It's simple and fast , But the drawback is that the code will not pass W3C verification . Actually, it's not a problem , After all, standards are just standards , If only this one “ error ” There will be no adverse effects at all .

IE Document compatibility mode all possible values :

Emulate IE8 mode # instructions IE Use <!DOCTYPE> Instructions to determine how to compile content .Standards mode The command is displayed as IE8 Standards mode and quirks mode It will be displayed. IE5 mode. differ IE8 mode,Emulate IE8 mode Attaches great importance to <!DOCTYPE> Instructions .
Emulate IE7 mode # instructions IE Use <!DOCTYPE> Instructions to determine how to compile content .Standards mode The command is displayed as IE7 Standards mode and quirks mode It will be displayed. IE5 mode. differ IE7 mode,Emulate IE7 mode Attaches great importance to <!DOCTYPE> Instructions . This is the most recommended compatibility mode for many web pages .
IE5 mode # Compiling content is like IE7 Of quirks mode Display status of , and IE5 Very similar in .
IE7 mode # Compiling content is like IE7 Of standards mode Display status of , Whether or not the web page contains <!DOCTYPE> Instructions .
IE8 mode # Provide the highest support for industry standards , contain W3C Cascading Style Sheets Level 2.1 Specification and W3C Selectors API, And limited support W3C Cascading Style Sheets Level 3 Specification (Working Draft).
Edge mode # instructions IE Display content in the highest mode currently available . When using IE8 It is equivalent to IE8 mode. if ( Assume ) In the future, the IE, Use Edge mode Page will display content in the highest mode supported by this version . The same pages are in use IE8 It will still display as usual when browsing .

Emulate IE8 mode # instructions IE Use <!DOCTYPE> Instructions to determine how to compile content .Standards mode The command is displayed as IE8 Standards mode and quirks mode It will be displayed. IE5 mode. differ IE8 mode,Emulate IE8 mode Attaches great importance to <!DOCTYPE> Instructions .

Emulate IE7 mode # instructions IE Use <!DOCTYPE> Instructions to determine how to compile content .Standards mode The command is displayed as IE7 Standards mode and quirks mode It will be displayed. IE5 mode. differ IE7 mode,Emulate IE7 mode Attaches great importance to <!DOCTYPE> Instructions . This is the most recommended compatibility mode for many web pages .

IE5 mode # Compiling content is like IE7 Of quirks mode Display status of , and IE5 Very similar in .

IE7 mode # Compiling content is like IE7 Of standards mode Display status of , Whether or not the web page contains <!DOCTYPE> Instructions .

IE8 mode # Provide the highest support for industry standards , contain W3C Cascading Style Sheets Level 2.1 Specification and W3C Selectors API, And limited support W3C Cascading Style Sheets Level 3 Specification (Working Draft).

Edge mode # instructions IE Display content in the highest mode currently available . When using IE8 It is equivalent to IE8 mode. if ( Assume ) In the future, the IE, Use Edge mode Page will display content in the highest mode supported by this version . The same pages are in use IE8 It will still display as usual when browsing .

matters needing attention :

1, According to the official website definition X-UA-compatible The header is not case sensitive ; however , It has to be displayed on the page except title Elements and other meta Before all other elements except elements . If not , It doesn't work

2,content The content is IE=8, perhaps IE=edge equivalence , Notice that it's not IE8 Or write a edge Value , Otherwise it doesn't work

If the WEb The server understands , You can configure it directly VirtualHost: Apache:

<IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    BrowserMatch MSIE ie
    Header set X-UA-Compatible "IE=Edge" env=ie
    BrowserMatch chromeframe gcf
    Header append X-UA-Compatible "chrome=1" env=gcf
  </IfModule>
</IfModule>

< IfModule mod_setenvif .c >

< IfModule mod_headers .c >

BrowserMatch MSIE ie

Header set X - UA - Compatible "IE=Edge" env = ie

BrowserMatch chromeframe gcf

Header append X - UA - Compatible "chrome=1" env = gcf

< / IfModule >

< / IfModule >

Nginx: A detailed reference : Example

add_header "X-UA-Compatible" "IE=Edge,chrome=1";

add _ header "X-UA-Compatible" "IE=Edge,chrome=1" ;

Reference resources :

http://lightcss.com/add-x-ua-compatible-meta-to-your-website/

http://desert3.iteye.com/blog/1638591

HTML Meta Tag details of more related articles

  1. Meta Label details (HTML JAVASCRIPT)

    Meta Label details , On the Internet , I hope you found that useful No matter how wonderful your personal website is , stay “ Vast as the sea ” In cyberspace , Just like a boat is not easy to find , How to popularize Personal website , People first think of the following methods : ● In search engines ...

  2. meta Label details (meta The role of labels )/////////////////////////// turn

    meta Label details (meta The role of labels ) Many people ignore HTML label META The powerful effect of , A good META Tag design can greatly improve the possibility of your personal website being searched , Are you interested in , Let me get to know you again META Label it   ...

  3. Meta Label details

    [ Reprint ]Meta Label details Posted on 2005-05-17 20:00  Twenty four painters   read (54195) Comment on (102)   edit   Collection Meta Label details , On the Internet , I hope you found that useful introduction Your first ...

  4. JSP On the page Meta Label details

    Meta Label details I believe that the most frequently contacted page in normal development is html and jsp 了 , One of these two pages Meta Labels you see every day , But do you really understand some other uses of this label ? Today, I'd like to introduce some other applications of this tag ...

  5. Web Design :Meta Label details

    A lot of people ignore HTML label META The powerful effect of , A good META Tag design can greatly improve the possibility of your personal website being searched , Are you interested in , Let me get to know you again META Label it ! META The label is HTML Language HEAD A subsidiary of the district ...

  6. HTMl in Meta Tag details and meta property=og Label meaning

    meta It's for HTML Simulate... In the document HTTP Protocol response header message .META The label is HTML Language HEAD An auxiliary label for the zone , It is located in HTML Of the document header <HEAD> Labelling and <TITLE> Mark it ...

  7. Meta Label details ( turn )

    introduction No matter how wonderful your personal website is , stay “ Vast as the sea ” In cyberspace , Just like a boat is not easy to find , How to promote personal website , People first think of the following methods : ● Log in to your personal website in the search engine ● Join you in a famous website ...

  8. meta Label details : Source http://blog.csdn.net/kongjiea/article/details/17092413

    One . Volkswagen models are commonly used meta label name Set up 1.name And viewport <meta name="viewport" content=""> explain ...

  9. HTML Medium Meta Label details

    emta Composition of labels :meta The label is divided into two parts :HTTP-EQUIV and NAME Variable . HTTP-EQUIV:HTTP-EQUIV Be similar to HTTP Header protocol for , It responds by giving the browser some useful information , To help show correctly and accurately ...

  10. Html in meta Label details -- What used to be overlooked

    W3School Introduce :http://www.w3school.com.cn/html5/html5_meta.asp meta It's for HTML Simulate... In the document HTTP Protocol response header message . meta The use of labels ...

Random recommendation

  1. angular2 Study address

    http://www.hubwiz.com/course/5599d367a164dd0d75929c76/ http://learnangular2.com/inputs/ https://www. ...

  2. self-control Https Certificate and Spring Boot and Nginx Use in

    vernacular Https In the article , It introduces Https The purpose and working principle of existence , But most of them are in favor of the introduction of principles , This paper introduces how to make a browser certified one step by step Https certificate , And explain in Spring Boot The environment and Nginx Ring ...

  3. Hibernate summary 1( introduction )

    1, Introduction to the official website package General introduction Project Package introduction , This bag has etc file , This etc It mainly includes configuration files , The main thing is hibernate.cfg.xml file lib The folder contains the dependencies that need to be loaded jar package , Must be added ...

  4. webpack The journey into the pit ( 3、 ... and )webpack.config introduction

    This is a series of articles , All the exercises in this series have my github Warehouse vue-webpack, After I have a new understanding and understanding , There will be irregular corrections and updates to the article . Here's a list of what's done so far : webpack The journey into the pit ( One ) No ...

  5. turn : No more misinformation ,GET and POST The real difference

    If someone asks you ,GET and POST, What's the difference? ? How would you answer ? My experience I was asked this question the other day . I said, GET Is used to get data ,POST, Generally used to send data to the server . The answer doesn't seem to be what he wants . So he continued to ...

  6. Hbase Take the specified part of travel data ( similar MySQL Of Limit)

    import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.CellScanner; import org. ...

  7. Review the old books :0day2【2】 experiment : Three kinds of acquisition kernel32.dll The method of base address

    0x01  look for kernel32 There are three methods of base address : Violent search . Exception handling list search method .PEB Law . 0x02 The basic principle Violent search is the first dynamic search kernel32 Method of base address . Its principle is almost all win ...

  8. sql server2008 The evaluation period has passed ... problem

    sql server2008 The evaluation period has passed ... problem When open sql server2008 Enterprise manager , There is an error “ The evaluation period has passed . Information about how to upgrade the beta version of the software .....”   Tools / raw material sql serv ...

  9. IOS Free certificate for development + No prison break, real machine debugging

      In this paper, from :http://www.cnblogs.com/weii/p/4688299.html Apple released Xcode7 after , Open up ordinary AppleID It can also be debugged on real machines , Not $99 or $299, As long as you can go on ...

  10. Xshell Connect to the server, change the key to password login

    Key login Direct local shell When it's opened, it's directly ssh ip Connect need centos The user login , Select the machine key . After logging in sudo su - root modify root password passwd root Modify file vi / ...