====== Choisir un Doctype pour votre page (X)HTML ====== Le [[::definition:d#doctype|Doctype]] est un des éléments les plus importants de votre page web. Bien choisir son **Doctype** vous garantira que votre page web s'affichera correctement quelque-soi le navigateur du visiteur. ===== Pourquoi déclarer un Doctype ? ===== Si votre page web ne possède pas de Doctype ou possède un Doctype erroné, rassurez-vous, votre page web s'affichera. Les navigateurs modernes tenteront d'afficher votre page et utiliseront le mode "Quirks". Le navigateur considérera le code de votre page comme invalide et appliqueront à votre page les normes en vigueurs à l'aube de l'ère internet. Dans le mode de compatibilité "Quirks", le navigateur va essayer de traiter votre page en mode de rétro-compatibilité, affichant vos //CSS// comme IE4 aurait pu le faire, et retournant à un DOM propriétaire et spécifique au navigateur. Engendrant des bugs d'affichage, des décalages, etc... ===== Les Doctypes ===== Le [[:definition:c#w3c|W3C]] a édité des standards pour les **Doctypes**, en voici quelques-uns ==== Doctype pour le HTML5 ==== C'est le plus simple d'entre tous ==== Doctype pour HTML 4.01 strict ==== ==== Doctype pour le HTML 4.01 Transitional ==== ==== Doctype pour le HTML 4.01 Frameset ==== ==== Doctype pour le XHTML 1.0 Strict ==== ==== Doctype pour le XHTML 1.0 Transitional ==== ==== Doctype pour le XHTML 1.0 Frameset ==== ==== Doctype pour le XHTML 1.1 DTD ==== ==== Autres Doctypes ==== Il existe d'autres Doctypes qui sont peu utilisés, vous pourrez néanmoins consulter la page résumant les Doctypes recommandés sur [[http://www.w3.org/QA/2002/04/valid-dtd-list.html|la page dédiée]] du site du [[http://www.zonewebmaster.eu/lexique/entry.php?entryID=70|W3C]] ===== Lequel choisir ? ===== C'est la grande question, et bien sûr il n'y a pas de réponse simple. Pour ma part j'utilise le **Doctype HTML5** si je sais que mes visiteurs peuvent utiliser une tablettes ou un Smartphone pour consulter mon site ou le **XHTML 1.0 strict** (histoire de garder des bonnes habitudes de programmations). Après c'est selon les goûts et les couleurs de chacun. Il faut savoir qu'il y a 3 grandes familles dans les Doctypes (sauf HTML5 et XHTML 1.1). **strict** : mode où votre page est codée en respectant les normes en vigueurs. **transitional** : mode qui est plus laxiste au niveau du codage, autorisant certaines habitudes de programmation qui sont utilisées par habitudes mais qui n'ont pas été reprises dans les normes en vigueurs. **frameset**: mode a éviter sauf si vous utilisez des frames pour le contenu de votre page ===== Notes de version ===== * [18/11/2017] : Harmonisation de la page - Correction de liens ===== Auteurs et sources ===== * Auteur : [[:user:montuy337513]] * Sources : [[http://www.w3c.com|w3c]] ===== Navigation ===== * [[:accueil|Accueil]] * [[:gestion-site-internet]] * [[:tutoriel-javascript]] * [[:tutoriel-html]] * [[:tutoriel-php-mysql]] * [[:tutoriel-referencement-seo]]