html5

Je ne sais pas pour vous, mais lorsque je fais un projet en XHTML/CSS, je réutilise toujours les mêmes choses. Je crois que tous les codeurs se doivent d’avoir leurs gabarits qu’ils peuvent réutiliser pour leur faire gagner beaucoup de temps. Une des choses donc je ne peux pas me passer, c’est ma feuille de style « reset.css »  que j’ai légèrement modifiée et qui a été créé par Éric Meyer (http://meyerweb.com/eric/tools/css/reset/). Plusieurs d’entres vous doivent déjà l’utiliser, mais pour les autres, je vous conseille fortement d’y jeter un coup d’œil. Ce « reset.css » permet un meilleur rendu pour tous les navigateurs puisqu’il « reset » certaines propriétés qui ne sont pas interprétées de la même façon par exemple sous Firefox, IE, Safari, etc…

Où est le rapport avec HTML5? Et bien c’est simple, il existe également un petit fichier CSS inspiré de celui d’Eric Meyer pour améliorer le rendu d’HTML5 sur tous les navigateurs. Ce HTML5 Reset Stylesheet a été créé par Richard Clark.

Il y a entre autre l’ajout suivant :

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

qui initialise les nouvelles balises pour qu’elles soient vues comme des éléments en block.

Voici le lien pour le HTML5 Reset Stylesheet :

http://html5.pire.me/css/html5-reset-1.4.css

Et si vous pensiez vous en sortir, voici un autre lien fort intéressant qui vous permettra de valider votre code HTML5 :

http://html5.validator.nu/

En bonus, un PDF contenant HTML5 Cheat Sheet qui contient toutes les balises avec leur description. Il est de plus indiqué dans quelle version la balise peut être utilisée.

http://html5.pire.me/doc/html5-cheat-sheet.pdf

Tweet This Post

Tagged: blog html5, CSS, html, HTML5, inspireme, w3c, xhtml