Forum Info PC Forum Info PC est un forum informatique. Vous y trouverez des espaces de support, d’astuces et de tutoriels, de discussions... 2012-05-06T11:48:45+00:00 /feed.php?f=106&t=476&mode 2012-05-06T11:48:45+00:00 2012-05-06T11:48:45+00:00 /viewtopic.php?t=476&p=1788#p1788 <![CDATA[Re: Les doctypes XHTML, HTML4 et HTML5]]>
Image
Tutoriel validé !
Votre tutoriel a été validé par darky.

Statistiques: Posté par darky — Dim 6 Mai 2012 11:48

]]> 2011-07-04T14:28:12+00:00 2011-07-04T14:28:12+00:00 /viewtopic.php?t=476&p=1787#p1787 <![CDATA[Les doctypes XHTML, HTML4 et HTML5]]>
Les doctypes XHTML, HTML4 et HTML5



Sommaire

  1. Introduction
  2. Tutoriel
    1. Qu’est-ce qu’un Doctype ?
    2. La différence entre l’HTML et l’XHTML
    3. L’HTML5
    4. Les Doctypes HTML4
    5. Les Doctypes XHTML
    6. Le Doctype HTML5
  3. 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
  • Image


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
html Code: Tout sélectionner
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


HTML 4.01 Transitional
html Code: Tout sélectionner
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


HTML 4.01 Frameset
html Code: Tout sélectionner
  1. <!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
html Code: Tout sélectionner
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


XHTML 1.0 Transitional
html Code: Tout sélectionner
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


XHTML 1.0 Frameset
html Code: Tout sélectionner
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


XHTML 1.1
html Code: Tout sélectionner
  1. <!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
html Code: Tout sélectionner
  1. <!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
html Code: Tout sélectionner
  1. <!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
html Code: Tout sélectionner
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <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.

Statistiques: Posté par darky — Lun 4 Juil 2011 14:28

]]>