2016-04-22 2 views
1

Um in IE 10, 9 und 8 gut zu funktionieren, was soll ich in meine einfügen?Was sollte ich in <head> für IE einschließen?

Ich suchte hier und da, dann habe ich wie folgt eingegeben. Ich möchte sicherstellen, dass die unteren Codes in Ordnung sind. Ich habe keinen Bootstrap oder irgendwelche Frameworks verwendet.

Ich verwendete Modenizr.

Hier ist der Code im Kopf.

<!--[if lt IE 7]>  <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
    <!--[if IE 7]>   <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 
    <!--[if IE 8]>   <html class="no-js lt-ie9"> <![endif]--> 
    <!--[if gt IE 8]><!--> 
    <html lang="en" class="no-js"> 

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

    <!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>    
    <![endif]--> 

    <!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]--> 

    <!--link my style sheet here --> 

    <!--[if lte IE 8]> 
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto" />   
    <![endif]--> 

    <!--my other link and scripts here --> 

Vielen Dank im Voraus.

+0

keine Möglichkeit, dies zu beantworten. Eine grundlegende HTML-Seite mit minimalem CSS braucht nicht ALLES, um im IE zu "arbeiten". –

+0

' ' das könnte wirklich helfen, wenn semantisches HTML verwendet wird – claudios

Antwort

0

Für Versionen von Internet Explorer 8 und höher, dies:

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

Zwingt den Browser, wie die bestimmte Version des Standards zu machen. Es wird nicht für IE7 und darunter unterstützt.

Wenn Sie mit Semikolon trennen, werden die Kompatibilitätsebenen für verschiedene Versionen festgelegt. Zum Beispiel:

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

Renders IE7 und IE8 als IE7, aber IE9 als IE9. Es erlaubt unterschiedliche Rückwärtskompatibilitäten. Im wirklichen Leben, obwohl sollten Sie wählen nur eine der Optionen:

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

Dies ist für viel einfachen Test und Wartung ermöglicht. Obwohl in der Regel die nützlichere Version hierfür ist die Verwendung Emulate:

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

Dazu:

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