html5 de nouveaux éléments (header, nav, footer, ..) ne fonctionne pas sous IE

html5 de nouveaux éléments (header, nav, footer, ..) ne fonctionne pas dans IE

InformationsquelleAutor dragonfly | 2011-03-08
  1. 58

    Vous devez inclure le HTML5 shiv script afin de permettre que le style des éléments HTML5 dans les anciens navigateurs IE: http://code.google.com/p/html5shiv/

    À utiliser, inclure le script suivant dans votre élément au-dessus de votre CSS:

    <!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
    • cale? shiv? ce qui se passe ici?
    • Dillon - c'est, techniquement, une cale d'épaisseur, mais il est devenu connu comme le "html5 shiv" après le terme a été inventé par John Resig (paulirish.com/2011/the-history-of-the-html5-shiv)
    • Merci pour l'aide, m'a sauvé la vie 🙂 Cependant, le code d'origine.google source indique que "pour des raisons de performance, il aurait plus de sens pour inclure le CSS d'abord, puis ce script"
    InformationsquelleAutor mVChr
  2. 13

    Vous devez utiliser HTML5 Cale. Voici une explication détaillée pourquoi c'est nécessaire.

    À utiliser HTML5 Cale, il vous suffit d'ajouter les éléments suivants à l'intérieur de votre page <head> au-dessus de toutes vos déclarations CSS:

    <!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
    • comment sur IE 8 et en dessous de la version??
    • yup, fonctionne dans toutes les versions de IE.
    InformationsquelleAutor Andrew Marshall
  3. 10

    Une autre option est d'utiliser Modernizr, qui comprend le HTML5 Shiv et fournit également HTML5 fonctionnalité de détection.

    HTML 5 éléments dans IE Modernizr traverse une petite boucle dans
    Activer JavaScript pour les divers éléments de HTML5 (ainsi que abbr)
    pour le style dans Internet Explorer. Notez que cela ne signifie pas qu'il
    rend soudainement IE support de l'Audio ou de la Vidéo de l'élément, cela signifie simplement
    que vous pouvez utiliser la section au lieu de div et de style en CSS. vous aurez
    aussi probablement souhaitez définir un grand nombre de ces éléments à afficher:bloquer; voir
    le Boilerplate HTML5 CSS pour un exemple. Comme de Modernizr de 1,5, ce
    le script est identique à ce qui est utilisé dans le populaire html5shim/html5shiv
    de la bibliothèque. Les deux également activer l'imprimabilité des éléments HTML5 dans IE6-8,
    bien que vous pourriez vouloir essayer le gain de performance si vous avez plus de
    100ko de css.

    Navigateurs pris en charge, Nous soutenons IE6+, Firefox 3.5+, Opera 9.6+, Safari
    2+, Chrome. Sur mobile, nous prend en charge iOS mobile de Safari, Android
    Navigateur WebKit, Opera Mobile, Firefox Mobile et tandis que nous sommes encore
    de faire plus de tests, nous croyons que nous en charge Blackberry 6+.
    ~ http://modernizr.com/docs/#html5inie

    Les balises suivantes au moins: article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section

    InformationsquelleAutor mpdonadio
  4. 1

    Utilisation HTML5shiv.js ou d'écrire du code javascript dans le HTML les commentaires Conditionnels.

    <!--this condition is only for IE 8 and lesser browsers.-->

<!--[if lte IE 8]> //lte means LESS THAN & EQUAL TO IE8. 

<script>
document.createElement('header'); 
document.createElement('nav'); 
document.createElement('article');
document.createElement('section'); 
document.createElement('aside'); 
document.createElement('footer');
</script>
<style> 
header, nav, article, section, aside, footer{ display:block; } 
</style>

    //Maintenant, ces éléments de soutien dans IE8 et moins navigateurs.

    Ou visitez cette page
    https://tutorial.techaltum.com/html4-vs-html5.html

    InformationsquelleAutor Avinash Malhotra
  5. 0

    Si vous n'avez pas de soins sur un peu de code-frais juste utilisation intérieure DIVs pour le style.

    Cette section ne peut pas être appelée via CSS avec IE<9 (pas de HTML5-support).
    Même si vous mettez une classe-attribut à l'intérieur de la section-tag.

    <section class="section outer">
    <h1>Level1</h1>
    some text
    <section class="section inner">
        <h1>Level2</h1>
        some more text
    </section>
</section>

    C'est parce que IE<9 est en train de tuer la nidification pour les étiquettes inconnues.
    Le DOM cherche un fou, comme ceci:

     <section class="section outer"></section>
 <h1>Level1</h1>
 some text
 <section class="section inner"></section>
 <h1>Level2</h1>
 some more text
 </section><//section>
 </section><//section>

    Mais vous pouvez utiliser des DIVs comme IE<9-Secours, si vous n'aimez pas utiliser javascript cale de l'.
    Au lieu de décliner les SECTIONs, juste le style de l'intérieur de la Vrd.

    <section>
    <div class="section outer">
        <h1>Level1</h1>
        some text
        <section>
            <div class="section inner">
                <h1>Level2</h1>
                some more text
            </div>
        </section>
    </div>
</section>

    Si vous avez modernes entourant HTML5-balises pour le RÉFÉRENCEMENT et tout le style est fait par des DIVs pour chaque navigateur comme d'habitude. C'est plein HTML5 valide et fonctionne encore si javascript est désactivé.

    InformationsquelleAutor SammieFox
  6. -1

    Utiliser le script donné ci-dessous...il va vous aider..

    Pour chaque nouvel élément que vous souhaitez IE < 9 à reconnaître..ajouter comme ci-dessous:

    document.createElement("article"); (au sein de la balise script)
    document.createElement("pied de page"); (au sein de la balise script)


    Merci

    InformationsquelleAutor Neethu
  7. -1

    Mise à jour - nouvelles versions de IE faire prendre en charge le HTML5 éléments structurels, à l'exception de la nouvelle "principale" de l'élément. À l'aide d'un CSS reset qui comprend le 'principal' élément comme normaliser allons résoudre ce problème. Ou vous pouvez simplement ajouter le code CSS suivant à votre projet:

        main { display: block;}
    InformationsquelleAutor jbs