.:. Article .:.

Programmation XHTML

Technique
Le 22-12-2003

Depuis quelques temps déjà la programmation HTML évolue vers le XHTML. Cette évolution est la conséquence de nouvelles attentes, les aspects d'accessiblilité, la multiplication des supports de lecture et les habitudes de programmation de plus en plus basé sur des pages construites dynamiquement. Le HTML pose de problèmes pour ces pratiques, car la structure est très rigide, le contenu est la mise en forme sont mélangés. Avec le XHTML, les données sont séparés de la mise en forme qui sera assurée en fonction du support par des feuilles de style CSS. Le XHTML est basé sur le XML qui est un langage de description des données, toutes les balises de présentation du HTML sont donc devenus obsolètes. Un autre gros avantage du formatage des données est d'avoir des pages beaucoup plus légères et un traitement amélioré par les navigateurs, au final une navigation plus confortable pour les internautes et une maintenance facilité pour les webmasters.

Pour bien comprendre la programmation XHTML il est nécessaire toujours garder à l'esprit qu'il faut décrire les données et ne pas se soucier de la présentation. Bien évidemment c'est un objectif et dans les faits on arrive toujours à introduire quelques artifices de présentation, comme la balise <br />.

Néanmoins il faut toujours garder l'objectif de description des données. Pour bien comprendre cette notion il est intéressant de se dire que la page est lue par différents agents, visuels avec les navigateurs mais aussi auditifs utilisées par les malvoyants par exemple.

Lors de l'écriture d'une page XHTML (comme pour une page HTML d'ailleurs) il est indispensable de déclarer le doctype en première ligne, cela permet à l'agent utilisateur (un navigateur par exemple) de savoir comment interpréter le code :

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

Ensuite la page elle-même (le body) est décomposée en différentes zones définies par des balise <div>. Il n'est pas normal de se retrouver avec 10 niveaux de div, si tel est le cas c'est que la méthode utilisée n'est pas bonne. Par exemple il est trop courant de voir :

<div class="montitre">Mon titre</div>
<div class="monsujet">Le sujet ici</div>
<div class="madate">Date du jour</div>
<div class="montexte">blablabla blablabla...</div>

Cette méthode est incorrecte car elle ne décrit pas bien le document, comment savoir ce qui est le plus important par exemple entre le div montitre et le div madate ? La bonne pratique voudrait pour cet exemple avoir :

<div class="article">
<h1>Mon titre</h1>
<h2>Le sujet ici</h2>
<h3>Date du jour</h3>
<p>blablabla blablabla...</p>
</div>

Dans cet exemple il est très facile en lisant le code de comprendre la hiérarchie du document, ce que fera très bien un robot de référencement par exemple. Le code XHTML est du XML c'est un langage de description et l'intérêt du XHTML est justement de se contenter de décrire le document autant que possible, et c'est bien l'avantage de ce langage par rapport au HTML simple, si c'est pour "bidouiller" comme c'était le cas avec les tableaux, l'intérêt devient nul.

La démarche est un peu inversé par rapport au HTML où on part souvent de la présentation avec des tableaux puis on intègre le contenu. Avec le XHTML on décrit le contenu puis on applique des feuilles de styles, ce qui permet d'avoir un rendu différent pour les agents auditifs, visuels ou les impressions par exemple. Et la présentation est gérée dans un document unique (la feuille de style CSS), ce qui permet de modifier facilement le rendu sans risque et de manière homogène pour tout un site.

Aller plus loin

Commentaires

Aucun commenataire

Vos données personnelles ne sont pas sauvegardées mis à part votre pseudo et votre message. Vous pouvez aller voir les règles de confidentialité sur cette page.

Fortune : france#53369

Nous apprenons aux gens a se souvenir,
nous ne leur apprenons jamais a progresser.
Oscar Wilde