par Les doctypes XHTML, HTML4 et HTML5
Sommaire
- Introduction
- Tutoriel
- Qu’est-ce qu’un Doctype ?
- La différence entre l’HTML et l’XHTML
- L’HTML5
- Les Doctypes HTML4
- Les Doctypes XHTML
- Le Doctype HTML5
- Conclusion
I- Introduction
Bonjour à toutes et à tous.
Dans ce tutoriel, nous allons voir ce qu’est qu’un doctype en HTML et les différents doctypes à utiliser.
Informations :
- Difficulté : Facile
II- Tutoriel
A- Qu’est-ce qu’un Doctype ?
Le doctype permet de spécifier aux navigateurs, qu’elle version de l’HTML ou de l’XHTML que vous allez utiliser pour créer vos pages web. Ainsi les navigateurs vont pouvoir interpréter votre code, selon le doctype que vous leur avez spécifié. Si celui-ci n’est pas spécifié, les navigateurs interpréteront votre code un peu comme ils le veulent.
B- La différence entre l’HTML et l’XHTML
Dans l’HTML4 et l’HTML5, on différencie les doctypes HTML et XHTML. En effet, entre l’HTML et le XHTML, seule la syntaxe est différente. La syntaxe sera d’ailleurs plus rigoureuse en XHTML qu’en HTML.
En XHTML:
- Toutes balises ouvertes doivent être fermées (<body> </body> <img src="..." />).
- Tout attribut doit avoir une valeur.
- La valeur des attributs doit être encadrée par des 'quotes' ou des guillemets droits "guillemets droits".
- Le nom des balises doit être en minuscule.
- Les balises doivent être absolument bien imbriquées (<body><div><p></p></div></body> et non <body><div><p></div></p></body>).
Aujourd’hui, il vaut mieux utiliser l’XHTML, afin d’éviter les erreurs d’interprétations.
C- L’HTML5
L’HTML5 est tout simplement la version supérieure de l’HTML4. De nouvelles balises sont apparues, de nouveaux attributs etc. Le doctype de l’HTML5 a été beaucoup plus simplifié par rapport à ceux de l’HTML4 et de l’XHTML.
D- Les Doctypes HTML4
Dans l’HTML4, on trouve 3 différents doctypes.
HTML 4.01 Strict
- Code : Tout sélectionner
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
- Code : Tout sélectionner
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
- Code : Tout sélectionner
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
E- Les Doctypes XHTML
Dans l’XHTML, on trouve 5 différents doctypes.
XHTML 1.0 Strict
- Code : Tout sélectionner
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
- Code : Tout sélectionner
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
- Code : Tout sélectionner
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
- Code : Tout sélectionner
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Quelques changement par rapport à l’XHTML 1.0 Strict.
- L'attribut lang a été complètement supprimé de toutes les balises.
- Sur les balises a et map, l’attribut name a été remplacé par l’attribut id.
XHTML 2
- Code : Tout sélectionner
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 2.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml2.dtd">
Le développement de ce doctype a été arrêté par le W3C. Aujourd’hui, c’est l’XHTML5 qui le remplace.
F- Le Doctype HTML5
Dans l’HTML5, on trouve deux différents doctypes.
HTML5
- Code : Tout sélectionner
- <!DOCTYPE html>
Comme vous pouvez le constater, le doctype HTML5 est beaucoup plus simplifié. Sachez aussi qu’il n’est pas sensible à la casse, donc vous pouvez l’écrire en minuscules (<!doctype html>).
XHTML5
- Code : Tout sélectionner
- <?xml version="1.0" encoding="UTF-8"?>
- <html xmlns="http://www.w3.org/1999/xhtml">
III- Conclusion
Maintenant, vous savez pratiquement tout sur les doctypes. N’oubliez pas de bien choisir votre doctype selon la manière dont vous allez coder vos pages web.
darky.
News
Plan de site
SitemapIndex
Flux RSS
