Modernizr vs HTML shiv

Si je n'ai besoin que les anciens navigateurs à reconnaître les balises HTML5, qui dois-je utiliser, Modernizr ou le populaire HTML5 shiv?
Et aussi, si je n'ai pas besoin de ce style balises HTML5, dois-je les navigateurs reconnaissent de toute façon? Ou est-il seulement nécessaire lors de l'ajout de CSS à ces balises?

Merci!

source d'informationauteur federicot

  1. 16

    html5shiv permet essentiellement, c'est à dire de reconnaître et de style des éléments HTML5, tandis que Modernizr donne même plus la fonctionnalité de détection pris en charge par un navigateur.

    Donc, pour répondre à votre question HTML5 shiv devrait être suffisante pour reconnaître les balises HTML5 dans IE. (remarque je dis IE ici puisque c'est ce que le html5shiv cibles, pas sûr de ce que vous voulez dire quand vous dites que les anciens navigateurs)

    Pour la deuxième partie, même si vous ne voulez pas de style les balises HTML5, je voudrais des conseils pour utiliser le shiv depuis le navigateur peut afficher de manière incorrecte, ou pas du tout, donc c'est mieux d'être sûr.

  2. 11

    HTML5 Shiv est plus petit, et, sauf si vous avez besoin de Modernizr est une fonctionnalité de détection, rendez-vous pour le shiv.

    La taille du fichier est très important, car il est toujours dans l'en-tête du document html et bloque le téléchargement de ressources supplémentaires jusqu'à l'exécution intégrale.

    Car il est seulement nécessaire pour les anciens navigateurs, j'utilise le code suivant:

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

    Vous pouvez supprimer les balises html que vous n'utilisez pas, mais alors il vous sera impossible d'utiliser le fichier hébergé chez Google.

  3. 1

    Alternativement, vous pouvez utiliser Modernizr pour charger un fichier en particulier, si le navigateur prend en charge que les CSS particulier ou de fonctionnalités de HTML5.

    Disons que si le navigateur ne supporte pas les "toile" comme élément HTML5 et "fontface" comme propriété CSS3 

    Modernizr.load({
test: Modernizr.fontface && Modernizr.canvas, //Test if the browser supports it or not
yep : '/path-to/html5-css3-attributes.css',  //If browser supports it, load this file
nope: '/path-to/old-css-attributes.css' //If NOT, load this instead
});

    Vous pouvez utiliser .js aussi dans votre chemin d'accès au fichier de condition.