Choisir un Doctype pour votre page (X)HTML [zonewebmaster.eu]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
====== 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
<code html>
<!DOCTYPE html>
</code>

==== Doctype pour HTML 4.01 strict ====

<code html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
</code>

==== Doctype pour le HTML 4.01 Transitional ====

<code html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
</code>

==== Doctype pour le HTML 4.01 Frameset ====

<code html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
	   "http://www.w3.org/TR/html4/frameset.dtd">
</code>

==== Doctype pour le XHTML 1.0 Strict ====

<code html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">	
</code>

==== Doctype pour le XHTML 1.0 Transitional ====

<code html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">	
</code>

==== Doctype pour le XHTML 1.0 Frameset ====

<code html>
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">	
</code>

==== Doctype pour le XHTML 1.1 DTD ====

<code html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">	
</code>

==== 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]]

<nspages -h1 -exclude:subNs: -textPages="Autres liens rapides pouvant vous intéresser">