[HTML] html5

La dernière version de Worpress (celle que j’utilise) à été réalisée entièrement avec le HTML5, dernière recommandation  du W3C.

Seulement certaines fonctionnalités tel que les coins arrondis et les ombres portées ne s’implémentent pas tel quels sur tous les navigateurs, notamment sur Internet Explorer. D’après Microsoft, la version 10 de son navigateur implémentera ces recommandations.

Ils faut donc tricher sur le navigateur de Microsoft, pour cela il existe plusieurs Javascript.

CSS3PIE

Après avoir téléchargé le fichier d’archive zip contenant PIE.htc (33ko), la syntaxe est la suivante :

.arrondi {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(chemin/PIE.htc);
}

ATTENTION : le chemin indiqué à la ligne « behavior: url(chemin/PIE.htc) » doit être le chemin par rapport au HTML et non au CSS !

Roundies

Roundies est un petit JavaScript qui permet d’émuler les angles arrondis sur IE sans image et sans ajouter de contenu inutile.
Vous trouverez ce JavaScript à cette adresse.
Pour utiliser Roundies, télécharger le et installer le sur votre FTP.
Afin de ne l’appliquer qu’a notre ami Internet Explorer, il faut se servir des commentaires conditionnel :

<!--[if lte IE 8]> <script type="text/javascript" src="script/roundies.js"</script><![endif]-->

Maintenant, il faut indiquer quels éléments bénéficieront des coins arrondis à l’aide de l’instruction « DD_roundies.addRule » à la fin du fichier roundies.js. Exemple :

DD_roundies.addRule('.arrondi', '5px');