Wat doet <meta http-equiv="X-UA-Compatible" content="IE=edge">?
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, veronderstel ik dat ik de X-UA-Compatible meta header gewoon kan negeren, aangezien ik gewoon wil dat het in de meeste standaard modus wordt weergegeven in alle IE versies.
1374
3
***Ik heb de laatste update van oktober 2015.
Dit antwoord werd enkele jaren geleden geplaatst en nu zou de vraag eigenlijk moeten zijn moet u zelfs maar overwegen om de
X-UA-Compatibletag op uw site te gebruiken? met de wijzigingen die Microsoft heeft aangebracht in zijn browsers (meer daarover hieronder). Afhankelijk van welke Microsoft browsers u ondersteunt, hoeft u misschien niet door te gaan met het gebruik van deX-UA-Compatibletag. Als u IE9 of IE8 moet ondersteunen, dan zou ik aanraden om de tag te gebruiken. Als je alleen de nieuwste browsers ondersteunt (IE11 en/of Edge) dan zou ik overwegen om deze tag helemaal te laten vallen. Als je Twitter Bootstrap gebruikt en je wilt validatie waarschuwingen elimineren, dan moet deze tag in de aangegeven volgorde staan. Extra info hieronder:De
X-UA-Compatiblemeta tag laat web auteurs kiezen als welke versie van Internet Explorer de pagina moet worden gerenderd. IE11 heeft wijzigingen aangebracht in deze modes; zie de IE11 notitie hieronder. [Microsoft Edge][1], de browser die IE11 heeft vervangen, honoreert deX-UA-Compatiblemeta tag alleen in bepaalde omstandigheden. Zie de Microsoft Edge opmerking hieronder. Volgens Microsoft moet deX-UA-Compatibletag bij gebruik zo hoog mogelijk in deheadvan uw document staan:Gebruik
content="IE=edge,chrome=1"Sla andereX-UA-Compatiblemodi overGeen compatibiliteitspictogram
De IE9 adresbalk toont niet de [Compatibiliteits Weergave knop][MSICON]
en de pagina toont ook niet een wirwar van misplaatste menu's, afbeeldingen en tekstvakken.
Deze meta tag is nodig om
javascript::JSON.parse()aan te zetten op IE8(zelfs als `` aanwezig is)
Rendering/uitvoering van moderne HTML/CSS/JavaScript is meer valide (mooier).
Performance
De Trident rendering engine zou sneller moeten draaien in zijn edge mode.
Gebruik
In uw HTML
IE=edgebetekent dat IE de laatste (edge) versie van zijn rendering engine moet gebruikenchrome=1betekent dat IE de Chrome rendering engine moet gebruiken, indien geïnstalleerd Of beter in de configuratie van uw webserver:(zie ook het RiaD's antwoord)
Apache zoals voorgesteld door pixeline
Nginx zoals voorgesteld door Stef Pause server {...
...
Varnish 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)
Microsoft beveelt Edge mode aan sinds IE11
Zoals opgemerkt door Lynda (zie commentaar), beveelt de Compatibiliteitswijzigingen in IE11 Edge mode aan:
Maar het standpunt van Microsoft was niet duidelijk. Een andere [MSDN pagina raadde Edge mode][noEdge] niet aan:
Gebruik dit om IE te dwingen die vervelende browser compatibiliteitsknop in de adresbalk te verbergen: