Wat doet <meta http-equiv=“X-UA-Compatible” content=“IE=edge”> doen?

Wat is het verschil als een webpagina begint met

<!DOCTYPE html> 
<html> 
  <head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 

en als pagina begint met

<!DOCTYPE html> 
<html> 
  <head> 
     <!-- without X-UA-Compatible meta -->

Als er geen verschil is, denk ik dat ik de X-UA-Compatiblemetaheader gewoon kan negeren, omdat ik wil dat deze in de meeste standaardmodus in alle IE-versies wordt weergegeven.

p>


Antwoord 1, autoriteit 100%

Update oktober 2015

Dit antwoord is enkele jaren geleden gepost en nu zou de vraag eigenlijk moeten zijn: moet je zelfs overwegen om de X-UA-Compatible-tag op je site te gebruiken?met de wijzigingen Microsoft heeft zijn browsers aangepast (meer hierover hieronder).

Afhankelijk van de Microsoft-browsers die u ondersteunt, hoeft u de tag X-UA-Compatiblemogelijk niet te blijven gebruiken. Als u IE9 of IE8 moet ondersteunen, raad ik u aan de tag te gebruiken. Als je alleen de nieuwste browsers (IE11 en/of Edge) ondersteunt, zou ik overwegen om deze tag helemaal te laten vallen. Als u Twitter Bootstrap gebruikt en validatiewaarschuwingen moet verwijderen, moet deze tag in de opgegeven volgorde worden weergegeven. Aanvullende informatie hieronder:


Met de X-UA-Compatiblemetatag kunnen webauteurs kiezen met welke versie van Internet Explorer de pagina moet worden weergegeven. IE11 heeft wijzigingen aangebracht in deze modi; zie de IE11-notitie hieronder. Microsoft Edge, de browser die IE11 heeft vervangen, eert alleen de X-UA-Compatiblemetatag in bepaalde omstandigheden. Zie de Microsoft Edge-notitie hieronder.

Volgens Microsoft moet de tag X-UA-Compatiblezo hoog mogelijk in uw document headstaan:

Als u de X-UA-compatibele META-tag gebruikt, wilt u deze zo dicht mogelijk bij de bovenkant van de HEAD van de pagina plaatsen. Internet Explorer begint markeringen te interpreteren met behulp van de nieuwste versie. Wanneer Internet Explorer de X-UA-compatibele META-tag tegenkomt, begint het opnieuw met behulp van de aangewezen versie-engine. Dit is een prestatiehit omdat de browser moet stoppen en opnieuw moet beginnen met het analyseren van de inhoud.

Dit zijn uw opties:

  • “IE=edge”
  • “IE=11”
  • “IE=EmulateIE11”
  • “IE=10”
  • “IE=EmulateIE10”
  • “IE=9”
  • “IE=EmulateIE9
  • “IE=8”
  • “IE=EmulateIE8”
  • “IE=7”
  • “IE=EmulateIE7”
  • “IE=5”

Om te proberen te begrijpen wat elk betekent, volgen hier de definities die door Microsoft zijn verstrekt:

Internet Explorer ondersteunt een aantal documentcompatibiliteitsmodi die verschillende functies mogelijk maken en de manier waarop inhoud wordt weergegeven, kunnen beïnvloeden:

  • Edge-modus vertelt Internet Explorer om inhoud in de beschikbare modus weer te geven. Met Internet Explorer 9 is dit gelijk aan de IE9-modus. Als een toekomstige release van Internet Explorer een hogere compatibiliteitsmodus ondersteunde, zouden pagina’s ingesteld op de randmodus in de hoogste modus ondersteund door die versie. Diezelfde pagina’s verschijnen nog steeds in de IE9-modus bij bekeken met Internet Explorer 9.
    Internet Explorer ondersteunt een aantal documentcompatibiliteitsmodi die verschillende functies in staat stellen en kan van invloed zijn op de manier waarop de inhoud wordt weergegeven:

  • IE11-modus biedt de hoogste ondersteuning die beschikbaar is voor gevestigde en opkomende industriestandaarden, waaronder de HTML5, CSS3 en anderen.

  • IE10-modus biedt de hoogste ondersteuning die beschikbaar is voor gevestigde en opkomende industriestandaarden, waaronder de HTML5, CSS3 en anderen.

  • IE9-modus biedt de hoogste ondersteuning die beschikbaar is voor gevestigde en opkomende industriestandaarden, waaronder de HTML5 (werkontwerp), W3C Cascading Style Sheets Niveau 3 Specificatie (werkontwerp), schaalbare vectorafbeeldingen (SVG) 1.0 Specificatie, en anderen. [Editor OPMERKING: IE 9 DUIT Ondersteuning CSS3-animaties].

  • IE8-modus ondersteunt vele gevestigde normen, waaronder de W3C Cascading Style Sheets Niveau 2.1 Specificatie en de W3C Selectors API; Het biedt ook beperkte ondersteuning voor de W3C Cascading Style Sheets Niveau 3-specificaties (werkontwerp) en andere opkomende normen.

  • IE7-modus maakt inhoud weer alsof het in de standaardenmodus is weergegeven door Internet Explorer 7, of de pagina een richtlijn bevat.

  • Emuleer IE9-modus vertelt Internet Explorer om de instructie te gebruiken om te bepalen hoe inhoud moet worden weergegeven. Richtlijnen voor de standaardmodus worden weergegeven in de IE9-modus en de richtlijnen voor de quirks-modus worden weergegeven in de IE5-modus. In tegenstelling tot de IE9-modus, respecteert de Emulate IE9-modus de richtlijn.

  • Emuleer IE8-modus vertelt Internet Explorer om de instructie te gebruiken om te bepalen hoe inhoud moet worden weergegeven. Richtlijnen voor de standaardmodus worden weergegeven in de IE8-modus en de richtlijnen voor de quirks-modus worden weergegeven in de IE5-modus. In tegenstelling tot de IE8-modus, respecteert de Emulate IE8-modus de richtlijn.

  • Emuleer IE7-modus vertelt Internet Explorer om de instructie te gebruiken om te bepalen hoe inhoud moet worden weergegeven. De richtlijnen voor de standaardmodus worden weergegeven in de standaardmodus van Internet Explorer 7 en de richtlijnen voor de quirksmodus worden weergegeven in de IE5-modus. In tegenstelling tot de IE7-modus, respecteert de Emulate IE7-modus de richtlijn. Voor veel websites is dit de geprefereerde compatibiliteitsmodus.

  • IE5-modus geeft inhoud weer alsof deze in de quirks-modus wordt weergegeven door Internet Explorer 7, wat erg lijkt op de manier waarop inhoud werd weergegeven in Microsoft Internet Explorer 5.

IE10 OPMERKING:Vanaf IE10 gedraagt de quirks-modus zich anders dan in eerdere versies van de browser. In IE9 en eerdere versies beperkte de quirks-modus de webpagina tot de functies die door IE5.5 worden ondersteund. In IE10 voldoet de quirks-modus aan de verschillen die zijn gespecificeerd in de HTML5-specificatie.

Persoonlijk kies ik altijd de http-equiv="X-UA-Compatible" content="IE=edge"metatag, omdat oudere versies veel bugs hebben en ik niet wil IE om te beslissen om naar “Compatibiliteitsmodus” te gaan en mijn site weer te geven als IE7 versus IE8 of 9. Ik geef altijd de voorkeur aan de nieuwste versie van IE.

IE11

Van Microsoft:

Vanaf IE11 is de randmodus de voorkeursdocumentmodus; het vertegenwoordigt de hoogste ondersteuning voor moderne standaarden die beschikbaar zijn voor de browser.

Gebruik de HTML5-documenttypedeclaratie om de randmodus in te schakelen:

<!doctype html>

Edge-modus is geïntroduceerd in Internet Explorer 8 en is beschikbaar in elke volgende release. Houd er rekening mee dat de functies die door de randmodus worden ondersteund, beperkt zijn tot de functies die worden ondersteund door de specifieke versie van de browser die de inhoud weergeeft.

Vanaf IE11 zijn documentmodi verouderd en mogen ze niet meer worden gebruikt, behalve op tijdelijke basis. Zorg ervoor dat u sites die afhankelijk zijn van verouderde functies en documentmodi bijwerkt om moderne standaarden weer te geven.

Als u zich op een specifieke documentmodus moet richten zodat uw site functioneert terwijl u deze herwerkt om moderne standaarden en functies te ondersteunen, moet u er rekening mee houden dat u een tijdelijke functie gebruikt, een die mogelijk niet beschikbaar is in toekomstige versies.

p>

Als je momenteel de x-ua-compatibele header gebruikt om een verouderde documentmodus te targeten, is het mogelijk dat je site niet de beste ervaring weergeeft die beschikbaar is met IE11.

Microsoft Edge(Vervanging voor Internet Explorer die wordt geleverd met Windows 10)

Informatie over X-UA-Compatiblemetatag voor de “Edge”-versie van IE. Van Microsoft:

Introductie van de “levende” Edge-documentmodus

Zoals we in augustus 2013 hebben aangekondigd, beëindigen we documentmodi vanaf IE11. Met onze nieuwste platformupdates is de behoefte aan verouderde documentmodi voornamelijk beperkt tot verouderde Enterprise-webapps. Met nieuwe architecturale wijzigingen worden deze oude documentmodi geïsoleerd van wijzigingen in de “levende” Edge-modus, wat zal helpen om een veel hoger niveau van compatibiliteit te garanderen voor klanten die afhankelijk zijn van die modi en ons helpt om nog sneller verbeteringen in Edge door te voeren . IE zal nog steeds documentmodi respecteren die worden aangeboden door intranetsites, sites op de Compatibility View-lijst en alleen bij gebruik met Enterprise Mode.

Openbare internetsites worden weergegeven met het nieuwe Edge-modusplatform (waarbij X-UA-compatibel wordt genegeerd). Het is ons doel dat Edge vanaf nu de “levende” documentmodus is en dat er in de toekomst geen verdere documentmodi meer zullen worden geïntroduceerd.

Met de wijzigingen in Microsoft Edge om in de meeste gevallen geen documentmodi meer te ondersteunen, heeft Microsoft een tool om uw site te scannen om te controleren of deze code heeft die niet compatibel is met Edge.

Chrome=1 Info voor IE

Er is ook chrome=1die u kunt gebruiken of gebruiken in combinatie met een van de bovenstaande opties, zoals: <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">. chrome=1is voor Google’s Chrome Frame dat is gedefinieerd als:

Google Chrome Frame is een open source browser plug-in. Gebruikers die de plug-in hebben geïnstalleerd, hebben toegang tot de open webtechnologieën van Google Chrome en de snelle JavaScript-engine wanneer ze pagina’s in de browser openen.

Google Chrome-frame verbetert naadloos uw browse-ervaring in Internet Explorer. Het toont Google Chrome Frame-sites met behulp van de rendertechnologie van Google Chrome, waardoor u toegang krijgt tot de nieuwste HTML5-functies en de prestaties en beveiligingsfuncties van Google Chrome zonder op geen enkele manier uw gebruikelijke browsergebruik te onderbreken.

Wanneer Google Chrome-frame is geïnstalleerd, wordt het web gewoon beter zonder dat u erover moet nadenken.

Maar voor die plug-in naar het werk moet u chrome=1in de X-UA-Compatiblemeta-tag gebruiken.

Meer info over Chrome Frame is te vinden hier .

Opmerking: Google Chrome Frame werkt alleen voor IE6 door IE9 , en werd met pensioen gegaan op 25 februari 2014. Meer info is te vinden hier . Dank aan @MCK voor de link.

Validatie:

html5 :

De pagina is valideren met behulp van de W3-validator alleen wanneer u <meta http-equiv="X-UA-Compatible" content="IE=Edge">. Voor andere waarden gooft het de fout: A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge.Met andere woorden, als U hebt IE=edge,chrome=1Het zal niet valideren. Ik negeer deze fout volledig omdat moderne browsers deze regel code negeren.

Als u volledig geldige code moet hebben, overweeg dan om dit op serverniveau te doen door HTTP-header in te stellen. Microsoft zegt: If both of these instructions are sent (meta and HTTP), the developer's preference (meta element) takes precedence over the web server setting (HTTP header).Zie Olibre’s antwoordof bitinn’s antwoordvoor meer details over het instellen van een HTTP-header.

XHTML

Er is geen probleem met validatie bij gebruik van <meta http-equiv="X-UA-Compatible" content="IE=Edge" />zolang de tag maar correct afgesloten (dwz />vs >).

Twitter Bootstrap

Deze tag wordt sinds ten minste 2014 sterk aanbevolen door het Bootstrap-team, en Bootlint, de linter geschreven door het twbs-team blijft een waarschuwinggeven wanneer de tag wordt weggelaten. De linter maakt onderscheid tussen waarschuwingen en fouten, en daarom kan de ernst van het weglaten van deze tag als gering worden beschouwd.


Zie voor meer informatie over X-UA-CompatibleMicrosoft’s Website die documentcompatibiliteit definieert.

Voor meer informatie over wat IE ondersteunt, zie caniuse.com.

Voor meer informatie over Twitter Bootstrap-vereisten, zie de wiki-paginavan het bootlint-project.


Antwoord 2, autoriteit 20%

Gebruik content="IE=edge,chrome=1"  Andere X-UA-Compatibleoverslaan modi

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
                                   -------------------------- 
  • Geen compatibiliteitspictogram
    De IE9-adresbalk toont de Knop Compatibiliteitsweergave
    en de pagina toont niet ook een wirwar van niet op zijn plaats zittende menu’s, afbeeldingen en tekstvakken.

  • Functies
    Deze metatag is vereist om javascript::JSON.parse()op IE8 in te schakelen
    (zelfs wanneer <!DOCTYPE html>is aanwezig)

  • Correctie
    Rendering/uitvoering van moderne HTML/CSS/JavaScript is meer valide (leuker).

  • Prestaties
    De Trident-weergave-enginezou sneller moeten werken in de edgemodus.


Gebruik

In uw HTML

<!DOCTYPE html> 
<html> 
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

of beter in de configuratie van uw webserver:
(Zie ook de Riad’s antwoord )

  • Apache zoals voorgesteld door pixeline

    <IfModule mod_setenvif.c>
      <IfModule mod_headers.c>
        BrowserMatch MSIE ie
        Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
      </IfModule>
    </IfModule>
    <IfModule mod_headers.c>
      Header append Vary User-Agent
    </IfModule>
    
  • nginx zoals voorgesteld door Stef Pause

    server {
      #...
      add_header X-UA-Compatible "IE=Edge,chrome=1";
    }
    
  • vernis proxy zoals voorgesteld door lucas riutzel

    sub vcl_deliver {
      if( resp.http.Content-Type ~ "text/html" ) {
        set resp.http.X-UA-Compatible = "IE=edge,chrome=1";
      }
    }
    
  • IIS (sinds V7)

    <configuration>
      <system.webServer>
         <httpProtocol>
            <customHeaders>
               <add name="X-UA-Compatible" value="IE=edge,chrome=1" />
            </customHeaders>
         </httpProtocol>
      </system.webServer>
    </configuration>
    

Microsoft beveelt Edge-modus aan sinds IE11

Zoals opgemerkt door lynda (zie opmerkingen), de Compatibiliteitswijzigingen in IE11 beveelt Edge-modus aan:

Beginnen met IE11, randmodus is de voorkeursdocumentmodus;
Het vertegenwoordigt de hoogste ondersteuning voor moderne normen die beschikbaar zijn voor de browser.

Maar de positie van Microsoft was niet duidelijk. Nog een MSDN Pagina raden niet aan Edge-modus :

Omdat EDGE-modus alle pagina’s dwingt die moeten worden geopend in de standaardmodus,
Ongeacht de versie van Internet Explorer,
Mogelijk wordt u in de verleiding om dit te gebruiken voor alle pagina’s die met Internet Explorer worden bekeken.
Doe dit niet, zoals de X-UA-Compatiblekoptekst alleen ondersteund
met Windows Internet Explorer & NBSP;

In plaats daarvan aanbevolen Microsoft met behulp van <!DOCTYPE html>:

Als u alle ondersteunde versies van Internet Explorer openen
Uw pagina’s in de normen-modus, gebruik de aangifte van het HTML5-documenttype […]

Zoals Ricardouitlegt (in de opmerkingen hieronder) kan elk DOCTYPE (HTML4, XHTML1…) worden gebruikt om standaarden te activeren Mode, niet alleen HTML5’s DOCTYPE. Het belangrijkste is dat er altijd een DOCTYPE op de pagina staat.

Clara Onagerheeft het zelfs gemerkt in een oudere versie van Oudere documentmodi specificeren:

Edge-modus is alleen bedoeld voor testdoeleinden;
gebruik het niet in een productieomgeving.

Het is zo verwarrend dat Usman Ydacht Clara Onagerhad het over:

Het […] voorbeeld is alleen bedoeld voor illustratieve doeleinden;
gebruik het niet in een productieomgeving.

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

Nou… In de rest van dit antwoord geef ik meer uitleg waarom het gebruik van content="IE=edge,chrome=1"een goede gewoonte is in productie.


Geschiedenis

Al vele jaren (2000 tot 2008), IE-marktaandeel was meer dan 80%. En IE v6werd beschouwd als een de factostandaard (80% tot 97% marktaandeel in 2003, 2004, 2005 en 2006alleen voor IE6, meer marktaandeel met alle IE-versies).

Omdat IE6 Webstandaardenniet respecteerde, moesten ontwikkelaars moestentest hun website met IE6. Die situatie was geweldig voor Microsoft (MS) omdat webontwikkelaars MS-producten kopen(bijv. IE kan niet worden gebruikt zonder Windows te kopen), en het was winstgevender om niet-compliant te blijven (dwz Microsoft wilde destandaard worden zonder andere bedrijven).

Daarom waren veel sites alleen IE6-compatibel, en omdat IE niet voldeed aan de webstandaard, werden al deze websites niet goed weergegeven in browsers die aan de standaarden voldoen. Erger nog, veel sites hadden alleen IE nodig.

Op dit moment begon Mozilla echter met de ontwikkeling van Firefox, waarbij zoveel mogelijk alle webstandaarden werden gerespecteerd (andere browsers werden geïmplementeerd om pagina’s weer te geven zoals gedaan door IE6). Omdat steeds meer webontwikkelaars de nieuwe webstandaardfuncties wilden gebruiken, werden steeds meer websites meer ondersteund door Firefox dan door IE.

Toen IE-marktaandeel afnam, realiseerde MS zich dat het geen goed idee was om standaard onverenigbaar te blijven. Daarom is MS begonnen met het uitbrengen van een nieuwe IE-versie (IE8/IE9/IE10) die steeds meer de webstandaarden respecteert.


Het web-incompatibele probleem

Maar het probleem is alle websites die zijn ontworpen voor IE6: Microsoft kon geen nieuwe IE-versies uitbrengen die niet compatibel zijn met deze oude door IE6 ontworpen websites. In plaats van de IE-versie af te leiden, is er een website ontworpen, maar MS verzocht ontwikkelaars om extra gegevens (X-UA-Compatible) toe te voegen aan hun pagina’s.

IE6 wordt anno 2016 nog steeds gebruikt

Tegenwoordig wordt IE6 nog steeds gebruikt (0,7% in 2016) (4,5% in januari 2014), en sommige internetwebsites zijn nog steeds IE6-only-compliant. Sommige intranet-website / -toepassingen worden getest met IE6. Sommige intranet-website zijn slechts 100% functioneel op IE6. Deze bedrijven / afdelingen geven de voorkeur aan de migratiekosten: andere prioriteiten, niemand weet niet langer hoe de website / aanvraag is geïmplementeerd, de eigenaar van de Legacy-website / -aanvraag ging failliet …

China vertegenwoordigt 50% van IE6-gebruik in 2013, maar het kan in de komende jaren veranderen als Chinese Linux-distributie wordt uitgezonden .

Zorg voor uw veiligheid met uw webvaardigheden

Als u (probeert) respecteer de webnorm, kunt u eenvoudig altijd gebruiken http-equiv="X-UA-Compatible" content="IE=edge,chrome=1". Om compatibiliteit met oude browsers te behouden, vermijd het gebruik van de nieuwste webfuncties: gebruik de subset die wordt ondersteund door de oudste browser die u wilt ondersteunen. Of als u verder wilt gaan, kunt u concepten adopteren als sierlijke degradatie , Progressive Enhancement en Onopvallend Javascript . (Misschien leest u zich ook graag Wat moet een webontwikkelaar overwegen? .)

Maak je niet druk om de beste weergave van de IE-versie: dit is niet jouw taak, aangezien browsers moeten voldoen aan webstandaarden. Als uw site standaard compatibel is en matig de nieuwste functies gebruikt, moeten browsers daarom compatibel zijn met uw website.

Bovendien, aangezien er veel campagnes zijn om IE6 te vernietigen(IE6 niet meer, MS-campagne), tegenwoordig kunt u voorkomen dat u tijd verspilt met IE-testen!

Persoonlijke IE6-ervaring

In 2009-2012 werkte ik voor een bedrijf dat IE6 gebruikte als de officiële enkele browser die is toegestaan. Ik moest alleen een intranetwebsite voor IE6 implementeren. Ik besloot de webstandaard te respecteren, maar gebruik de IE6-compatibele subset (HTML/CSS/JS).

Het was moeilijk, maar toen het bedrijf overstapte naar IE8, was de website nog steeds goed weergegeven omdat ik Firefox en firebugom de webstandaard compatibiliteit te controleren 😉


Antwoord 3, autoriteit 3%

Het verschil is dat als u alleen het DOCTYPEopgeeft, de Compatibility View Settingsvan IE voorrang hebben. Standaard dwingen deze instellingen alle intranetsites naar de compatibiliteitsweergave, ongeacht DOCTYPE. Er is ook een selectievakje om de compatibiliteitsweergave voor alle websites te gebruiken, ongeacht DOCTYPE.

X-UA-Compatibleheeft voorrang op de instellingen voor de compatibiliteitsweergave, zodat de pagina in de standaardmodus wordt weergegeven, ongeacht de browserinstellingen. Dit dwingt de standaardmodus voor:

  • intranetpagina’s
  • Externe webpagina’s Wanneer de computerbeheerder heeft gekozen “Alle websites weergeven in compatibiliteitsweergave” als de standaardbetalingen, regeringen, universiteiten
  • Wanneer u onbedoeld op de Microsoft Compatibility-weergavelijst
  • Cases waarbij gebruikers uw website handmatig hebben toegevoegd aan de lijst in compatibiliteitsweergave-instellingen

DOCTYPEalleen kan dat niet doen; U zult in deze gevallen in een van de compatibiliteitsweergave-modi terechtkomen, ongeacht DOCTYPE.

Als zowel de metaTAG en de HTTP-header zijn opgegeven, heeft de metaTAG voorrang.

Dit antwoord is gebaseerd op het onderzoeken van de volledige regels voor het bepalen van de documentmodus in IE8 , IE9 , en IE10 . Merk op dat het bekijken van de DOCTYPEis de allerlaatste fallback voor het bepalen van de documentmodus.


Antwoord 4

Gebruik dit om dwz te dwingen om die irritante Browser-compatibiliteitsknop in de adresbalk te verbergen:

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

Antwoord 5

Omdat ik geen reactie kan toevoegen aan het gemarkeerde antwoord, zal ik dit hier gewoon plaatsen.

Naast het juiste antwoord kunt u inderdaad dit gevalideerd hebben. Aangezien deze meta-tag alleen is gericht op IE, alles wat u hoeft te doen, is een dwz voorwaardelijk toevoegen.

<!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<![endif]-->

Dit doen is net als het toevoegen van een andere IE-voorwaardelijke instructie en werkt alleen voor IE en andere browsers worden niet beïnvloed.


Antwoord 6

Ik denk dat dit diagram van Microsoft alles verklaart. Om IE te vertellen hoe de inhoud moet worden weergegeven, moet !DOCTYPE werken met X-UA-compatibele metatag. !DOCTYPE heeft op zichzelf geen invloed op het wijzigen van de IE-documentmodus.

http://ie.microsoft.com/testdrive/ieblog/ 2010/Mar/02_HowIE8DeterminesDocumentMode_3.png


Antwoord 7

Slechts één zin om te zeggen Internet Explorer de opdracht geven om de nieuwste rendering-engine te gebruiken

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

Antwoord 8

Voor de volledigheid, je hoeft het niet echt toe te voegen aan je HTML (wat onbekend is http-equiv in HTML5)

Doe dit en kijk nooit meer achterom (eerste voorbeeld voor apache, tweede voor nginx)

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

Antwoord 9

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

Om deze regel te laten werken zoals verwacht, moet u ervoor zorgen dat:

  1. Het is het eerste element direct na <head>
  2. Er worden geen voorwaardelijke opmerkingengebruikt vóór de metatag, bijv. G. op het <html>element

Anders negeren sommige IE-versies het gewoon.

UPDATE

Deze twee regels zijn vereenvoudigd, maar ze zijn gemakkelijk te onthouden en te verifiëren. Ondanks de MSDN-documenten waarin staat dat je de titel en andere metatags vóór deze kunt plaatsen, zou ik dit niet aanraden.

Hoe werkt het met voorwaardelijke opmerkingen?

Interessant artikel over de volgorde van elementen in de kop.(blogs.msdn.com, voor IE)

REFERENTIE

Van de MSDN-documentatie:

De X-UA-Compatible[…] moet in de kop van de webpagina verschijnen (het HEAD-gedeelte)
voor alle andere elementen behalve het titelelement en andere meta-elementen.


Antwoord 10

als u uw website in hetzelfde netwerk als de server gebruikt, schakelt IE graag over naar de compatibiliteitsmodusondanks DOCTYPE.
Het toevoegen van meta http-equiv="X-UA-Compatible" content="IE=Edge"schakeltdit ongewenste gedrag uit.


Antwoord 11

Dit is LITERAAL 1 Google-zoekopdracht verwijderd, maar hier komt:

http://msdn.microsoft. com/nl-nl/bibliotheek/jj676915(v=vs.85).aspx

Inzicht in oude documentmodi

Gebruik de volgende waarde om de webpagina in de randmodus weer te geven, namelijk:
de hoogste standaardmodus ondersteund door Internet Explorer, van
Internet Explorer 6 via IE11.

<meta http-equiv="x-ua-compatible" content="IE=edge"

Merk opdat dit functioneel equivalent is aan het gebruik van het HTML5-doctype. Het plaatst Internet Explorer in de hoogst ondersteunde
documentmodus. Edge most is het handigst voor regelmatig onderhoud
websites die routinematig worden getest op interoperabiliteit tussen:
meerdere browsers, waaronder Internet Explorer.

Opmerking
Vanaf IE11 wordt de randmodus beschouwd als de documentmodus die de voorkeur heeft. (In eerdere versies werd het als experimenteel beschouwd.)
Zie Documentmodi zijn verouderd voor meer informatie. Beginnend met
Windows Internet Explorer 8, sommige webontwikkelaars gebruikten de edge-modus
meta-element om de knop Compatibiliteitsweergave op de adresbalk te verbergen.
Vanaf IE11 is dit niet meer nodig omdat de knop is verwijderd
uit de adresbalk. Omdat het dwingt dat alle pagina’s worden geopend in
standaardmodus, ongeacht de versie van Internet Explorer, u
kan in de verleiding komen om de edge-modus te gebruiken voor alle pagina’s die met internet worden bekeken
Ontdekkingsreiziger. Doe dit niet, want de X-UA-compatibele header is alleen
ondersteund vanaf Internet Explorer 8.

Tip
Als u wilt dat alle ondersteunde versies van Internet Explorer uw pagina’s in de standaardmodus openen, gebruikt u de HTML5-documenttypedeclaratie, zoals weergegeven in het eerdere voorbeeld.

Ook een van de zoekresultaten is:


Antwoord 12

2.1.3.5 X-UA-compatibiliteit metatag en HTTP-responsheader

Deze functionaliteit wordt in geen enkele versie van Microsoft Edge geïmplementeerd.

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

Zie https://msdn.microsoft .com/en-us/library/ff955275(v=vs.85).aspx

Ja, ik weet dat ik te laat op het feest ben, maar ik had net wat problemen en discussies, en uiteindelijk liet mijn baas me de tag X-UA-Compatibleverwijderen uit alle documenten waaraan ik heb gewerkt.

Als deze informatie verouderd of niet langer relevant is, corrigeer me dan.

Other episodes