Le langage HTML et XHTML

Le langage HTML (Hypertext Markup Language) est un langage constitué de balises qui permettent de structurer et de mettre en forme le contenu des pages. Pour le côté "visuel" (mise en page, couleurs, etc.), c'est le domaine de la feuille de style que l'on verra plus tard. Il est à noter que les balises sont invisibles aux yeux des visiteurs ... elles servent uniquement à votre navigateur pour structurer  la page consulté!

La structure d'une page HTML basique est constitué des balises que voici:

  1. <title>Ma première page</title>
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  3. </head>
  4. </body>
  5. </html>

La balise <html> indique le début du document.
Les balises <head> et </head> permettent de contenir des informations sur le document comme le titre, la description et bien d'autres.
Les balises <title></title> permettent de donner un titre à la page.
La balise <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> permet de définir l'encodage du fichier.
Les balises <body> et </body> permettent de contenir le corps du document, c'est la partie "visible" du document HTML.
La balise </html> indique la fin du document.

Maintenant, nous sommes passé au XHTML (eXtended Hypertext Markup Language) qui est un dérivé du HTML et qui est toujours un langage constitué de balises.
Le XHTML est régie pas des normes délivré par le World Wide Web Consortium (W3C). Ces normes sont faites pour faire en sorte que tout le contenu du Web soit consultable par les différents types de navigateurs existant, ce qui inclue les téléphones cellulaires et autres appareils.

En XHTML on utilise un DOCTYPE permettant de dire au navigateur que la page est du XHTML et quelle est la version que vous utilisez.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/
  2. TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  4. <title>Ma première page</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. </head>
  7. </body>
  8. </html>

La balise d'ouverture <html> est remplacé par <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
xmlns : attribut obligatoire indiquant une adresse traitant du XHTML et notament le W3C.
xml:lang : attribut permettant d'indiquer dans quelle langue est rédigée votre page.

Il existe d'autres DOCTYPE :

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0 Strict, Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

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

Structure de base d'un document XHTML

Pour mieux comprendre la structure de base d'un document XHTML, voici ci-dessous la base en dessin :).

Structure de base d'un document XHTML

Voir/déposer un commentaire (0) | Signaler un problème