HTML5 Prise en charge des navigateurs

Vous pouvez faire en sorte que certains navigateurs plus anciens (qui ne prennent pas en charge HTML5) prennent en charge HTML5.

Prise en charge d'HTML5 par les navigateurs

Les navigateurs modernes prennent tous en charge HTML5.

De plus, tous les navigateurs, anciens et nouveaux, traitent automatiquement les éléments non reconnus comme des éléments en ligne.

Pour cette raison, vous pouvez"enseigner"aux navigateurs à gérer les éléments HTML"inconnus".

Note Vous pouvez même apprendre à IE6 (Windows XP 2001) à gérer les éléments HTML inconnus.

Définissez les éléments HTML5 comme des éléments de bloc

HTML5 a défini 8 nouveaux éléments HTMLsémantiques. Tous ces éléments sont des élémentsde niveau bloc.

Afin que ces éléments soient correctement affichés par les versions plus anciennes des navigateurs, vous pouvez définir la valeur de la propriété CSS surdisplayInstanceblock:

Instance

header, section, footer, aside, nav, main, article, figure { display: block; }

Ajouter de nouveaux éléments HTML

L'exemple ajoute de nouveaux éléments au HTML et définit le style de l'élément, le nom de l'élément est

Exemple<myHero> ：

Instance

<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>Mon premier titre</title> <script>
document.createElement("myHero")
</script> <style>
myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; }
</style> </head> <body> <h1>Mon premier paragraphe.</h1> <p>Mon premier nouvel élément</p> <myHero>Essayez-le »</myHero> </body> </html>

Instruction JavaScript

Ceci sert à ajouter de nouveaux éléments pour les navigateurs IE.document.createElement("myHero")Problèmes de navigateur Internet Explorer

Problèmes de navigateur Internet Explorer

Les versions 8 et antérieures d'Internet Explorer ne prennent pas en charge la méthode ci-dessus.

Note Nous pouvons utiliser le "HTML5 Enabling JavaScript" créé par Sjoerd Visscher pour résoudre ce problème :

Le code ci-dessus est un commentaire, son but est de lire le fichier html5.js et de l'analyser lorsque la version du navigateur IE est inférieure à IE9. shivRemarque :

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

Pour les utilisateurs en Chine, veuillez utiliser la bibliothèque de ressources statiques de ce site (la bibliothèque de ressources Google est instable en Chine) :

Le HTML5 Shiv est une bonne solution pour les navigateurs IE. html5shiv résout principalement le problème que les nouveaux éléments proposés par HTML5 ne sont pas reconnus par IE6-8, que ces nouveaux éléments ne peuvent pas être utilisés comme éléments parents pour envelopper des éléments enfants, et qu'ils ne peuvent pas appliquer de styles CSS.Solution Shiv parfaite

<!--[if lt IE 9]>
  <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

Instance

Solution Shiv parfaite

Instance

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Tutoriel pour débutants —— Non seulement la technologie, mais aussi des rêves!!!</title> <!--[if lt IE 9]> <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/html5shiv/3.7.3/html5shiv.min.js"></script> <![endif]--> </head> <body> <h1>Essayez-le »</h1> <article>Le code de référence html5shiv.js doit être placé dans l'élément <head>, car les navigateurs IE doivent charger ce fichier avant d'analyser les nouveaux éléments HTML5.</article> </body> </html>

Autres extensions

IA en cours...

Instance HTML