Latest web development tutorials

Support du navigateur HTML5

Vous pouvez laisser certains navigateurs plus anciens (ne supporte pas HTML5) de support de HTML5.

Support du navigateur HTML5

Les navigateurs modernes prennent en charge HTML5.

En outre, tous les navigateurs, y compris anciens et nouveaux, de l'élément non reconnu seront automatiquement traités comme un élément en ligne.

En raison de cela, vous pouvez"église" navigateurs gérer les éléments HTML "inconnus".

note Vous pouvez même église IE6 (Windows XP 2001) navigateur gère les éléments HTML inconnus.

L'élément HTML5 est défini comme étant un élément de bloc

HTML5 ensemble de huit nouvelles sémantique HTML éléments (sémantiques). Tous ces éléments sont des éléments de niveau bloc.

Afin de permettre aux anciennes versions du navigateur pour afficher ces éléments correctement, vous pouvez définir le bloc de valeur de la propriété CSS display:

Exemples

tête, section, pied de page, de côté, nav, principale, article, figure { affichage: bloc ;}

Ajout d'un nouvel élément en HTML

Vous pouvez ajouter de nouveaux éléments au format HTML.

Des exemples de nouveaux éléments ajoutés au HTML, et des éléments de style définies pour l'élément appelé <myHero>:

Exemples

<! DOCTYPE html> <Html> <Head> <Meta charset = "utf-8"> <Titre> HTML pour ajouter un nouvel élément </ title> <Script>
document. createElement ( "myHero")
</ Script> <Style>
myHero { affichage: bloc ; Background-color: #DDD ; Padding: 50 px ; Taille du texte: 30 px ;}
</ Style> </ Head> <Body> <H1> Mon premier titre </ h1> <P> Mon premier alinéa. </ P> <MyHero> Mon premier élément nouveau </ myHero> </ Body> </ Html>

Essayez »

JavaScript déclaration document.createElement ( "myHero") est d'ajouter un nouvel élément dans le navigateur IE.

problèmes de navigateur Internet Explorer

Vous pouvez utiliser la méthode ci-dessus pour ajouter des navigateurs HTML5 éléments IE, mais:

note Internet Explorer 8 et les versions antérieures de IE navigateur ne supporte plus d'une façon.

Nous pouvons utiliser Sjoerd Visscher créé "HTML5 Activation de JavaScript", "shiv " pour résoudre le problème:

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

Le code ci-dessus est un commentaire, le rôle lorsque la version du navigateur IE moins de IE9 va lire html5.js fichier et l'analyser.

Remarque: merci utilisateurs domestiques utilisent le site de stockage statique (Google référentiel instabilité dans le pays):

<! - [Si lt IE 9]>
<Script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script>
<! [Endif] ->

Pour le navigateur IE html5shiv est une meilleure solution. html5shiv principale solution proposée nouveaux éléments HTML5 IE6-8 ne reconnaissent pas ces nouveaux éléments ne peuvent pas être emballés comme un nœud parent éléments enfants, et ne peuvent pas appliquer des styles CSS.

solution parfaite Shiv

Exemples

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Rendu HTML5 </ title>
<! - [Si lt IE 9]>
<Script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script>
<! [Endif] ->
</ Head>

<Body>

<H1> Mon premier article </ h1>

<Article>
Ce tutoriel - la science est non seulement la technologie, mais aussi un rêve! ! !
</ Article>

</ Body>
</ Html>

Essayez »

html5shiv.js code de référence doit être placé dans <head>, parce que le navigateur IE lors de l'analyse HTML5 nouveaux éléments ont besoin de charger le fichier.