Comment passer à XHTML ?

Comment mettre à niveau votre site Web en XHTML ?

Pour convertir un site HTML en XHTML, vous devez d'abord être familier des règles de syntaxe XHTML expliquées dans les premiers chapitres.

Voici les étapes spécifiques.

Ajoutez la déclaration de type de fichier

Ajoutez la déclaration de type de fichier suivante au premier ligne de chaque page :

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

Attention :Ce site (codew3c) utilise un DTD strict. Cependant, utiliser un DTD transitionnel est également une bonne option, car pour la plupart des développeurs débutants, un DTD strict peut sembler «trop strict».

Un conseil concernant la déclaration de type de fichier

Si vous souhaitez que la page soit validée comme correcte XHTML, elle doit contenir une déclaration de type de fichier.

Il est important de noter que les navigateurs modernes traitent les documents de différentes manières en fonction de la déclaration de type de fichier. Si un navigateur lit une déclaration de type de fichier, il le traite de manière appropriée. Sans DOCTYPE, le document peut s'afficher de manière tout à fait différente.

Balises et noms d'attributs en minuscules

Comme XHTML est sensible à la casse et que XHTML n'accepte que des balises et des noms d'attributs en minuscules, vous pouvez exécuter une commande simple de recherche et de remplacement pour convertir toutes les balises majuscules en minuscules. Faites la même chose pour les noms des attributs. Nous utilisons des lettres minuscules sur notre site, donc le remplacement n'a pas vraiment besoin d'être utilisé.

Ajoutez des guillemets à toutes les valeurs des attributs

Comme le W3C XHTML 1.0 standard exige que toutes les valeurs d'attributs soient encadrées par des guillemets, si vous n'avez pas pris note de ce détail auparavant, vous devrez vérifier chaque page du site. C'est un travail chronophage, donc n'oubliez jamais d'ajouter des guillemets aux valeurs des attributs.

Balises vides : <hr> , <br> et <img>

En XHTML, il n'est pas permis d'utiliser des balises vides (Empty tags). Les balises <hr> et <br> doivent être remplacées par <hr /> et <br /> .

Cela a entraîné un nouveau problème : Netscape interprète mal le tag <br/> . Nous ne comprenons pas la raison, mais après l'avoir changé en <br /> , il n'y a plus de problème. Une fois que vous avez réalisé cela, vous devez à nouveau modifier les balises en utilisant la fonction de recherche et de remplacement.

D'autres balises (comme la balise <img>) rencontrent également les mêmes problèmes. Ne fermez pas <img> avec un tag fermant, mais ajoutez / > à la fin du tag.

Vérification du site

Après avoir fait tout cela, utilisez le lien suivant pour valider tous les pages modifiées selon le DTD officiel W3C : XHTML Validator. Il est possible que quelques erreurs soient découvertes par la suite, et il faudra les corriger une par une (manuellement). Notre expérience montre que l'erreur la plus courante est de manquer le tag </li> dans les listes.

Devrions-nous utiliser des outils de conversion (comme TIDY) ? Oui, nous pourrions utiliser TIDY.

HTML TIDY de Dave RaggettC'est un outil gratuit pour nettoyer le code HTML. En ce qui concerne la gestion des codes HTML difficiles à lire générés par des éditeurs de code HTML spéciaux et des outils de conversion, TIDY s'en tire très bien. De plus, il peut vous aider à identifier les parties de votre site où il faudrait investir plus d'énergie, rendant ainsi les pages web plus accessibles aux personnes handicapées.

Pourquoi n'avons-nous pas utilisé Tidy ? Lorsque nous avons commencé à créer ce site, nous étions déjà très familiers avec XHTML. À l'époque, nous savions utiliser des balises en minuscules et ajouter des guillemets aux attributs. Donc, au cours du processus de test du site, nous avons simplement testé via le validateur XHTML de W3C et corrigé quelques erreurs. Ce qui est plus important, nous avons appris beaucoup sur l'écriture de codes HTML en style Tidy.

Lecture supplémentaire

Si vous souhaitez comprendre plus en détail comment utiliser XHTML pour structurer des pages, veuillez lire《Structuration XHTML》。