XHTML est une reformulation de l’HTML 4.0 à la norme stricte XML.
Le XHTML est l’une des dernières créations du W3C puisque sa spécification a été présentée en Février 2000. Il résulte d’une fusion partielle entre HTML et XML. Son but est de rendre plus rigoureuse l’écriture des pages HTML et de faire en sorte d’avoir un standard qui s’adapte à tous les types de navigateurs comme le WAP, WEB-TV, Palm, Téléphone mobile, traducteurs Braille, livres numériques sans compter tous les « nouveaux » navigateurs etc..
Il existe donc des différences entre le HTML et le XHTML, dont voici les règles de base :
Il est obligatoire d’utiliser des caractères bas de casse (minuscules), aussi bien pour les balises que pour leurs attributs. Ainsi le fragment suivant en HTML :
<HEAD>
<TITLE>Exemple</TITLE>
<Body>
<H1>Mon Titre</H1>
<P ALIGN='JUSTIFY'>Mon paragraphe<P>devient en XHTML :
<head>
<title>Exemple</title>
<body>
<h1>Mon Titre </h1>
<p align="justify">Mon paragraphe<p>
</head>
Chaque valeur d’attribut doit être entre guillemets. En HTML on tolérait les attributs entre de simples quotes ’ ’ ou on peut même toujours écrire les valeurs des attributs directement à la suite du signe « = » sans les placer entre guillemets. En XHTML, cette tolérance disparaît. Dans l’exemple suivant, on remarque que :
<Table BORDER='2' CELLPADDING=5>
doit s’écrire en XHTML :
<table border="2" cellpadding="5">
D’autre part, tout attribut d’une balise doit avoir une valeur.
Alors que le HTML est permissif concernant l’ouverture et la fermeture des balises, ce n’est plus le cas en XHTML : chaque balise ouverte nécessite une balise de fermeture et c’est également valable pour les balises dites « vides ».
Point délicat donc pour celles comme <br>, <hr>, <img> qui n’avaient qu’une balise initiale si l’on veut conserver la compatibilité avec HTML.
Le problème a été résolu en faisant suivre leur nom d’un espace et d’un slash.
Ainsi <BR> devient <br />,
<IMG SRC='mon_image.jpg> devient <img src= »mon_image.jpg » />
La balise <HR> devient <hr />
En XHTML on doit imbriquer correctement les éléments. Ainsi, la première balise ouverte est la dernière à être refermée :
<p>On doit respecter <strong>l'imbrication, c'est très <em>important</em></strong> dans notre document XHTML</p>
L’attribut "name" est remplacé par l’attribut "id". Pendant une période de transition, on admet cependant la « cohabitation » des attributs name et id. Ainsi, on peut avoir :
<form name="monformulaire" id="monformulaire">.........</form>
Un bon style HTML exige que tous les caractères diacritiques (é, à, ü, ç, ...) soient représentés par des entités de caractère (é, à, &uumul;, ĉ, ç...), mais les navigateurs comprennent presque toujours leur écriture en clair et l’emploi des entités n’est réellement indispensable que pour les caractère ayant un sens particulier en HTML comme ">", "<" et "&". Avec XHTML cette tolérance disparaît.
Certains éléments HTML déclaratifs, comme les balises <body>..</body>, <head>...</head>, <title>...</title> , doivent obligatoirement être présents, et présents en seul exemplaire.
Les feuilles de styles internes (
Les éléments style et script ne sont plus acceptés ! Pour tout appel à une feuille de styles, il faut utiliser :
<link rel="stylesheet" href="ma_feuille_css" type="text/css">
Autre solution pour "style", mais qui est nécessaire pour "script", vous pouvez mettre tout votre contenu (script ou style) dans une section CDATA tel que :
<script language="Javascript">
<![CDATA[
....Votre code de script....
]]>
</script>25 décembre 2004
Des Secrets pour 7€: Un rapport, un script pour réussir à vendre sur Internet. Cliquez!