ARCHIVÉ - Migration à la spécification XHTML 1.0 Strict

Avertissement Cette information est archivée parce qu'elle est désuete et n'est plus pertinente.

Contenu archivé

Information archivée dans le Web à des fins de consultation, de recherche ou de tenue de documents. Cette dernière n’a aucunement été modifiée ni mise à jour depuis sa date de mise en archive. Les pages archivées dans le Web ne sont pas assujetties aux normes qui s’appliquent aux sites Web du gouvernement du Canada. Conformément à la Politique de communication du gouvernement du Canada, vous pouvez obtenir cette information dans un autre format en communiquant avec nous.

Table des matières

1.0 Avantages de la spécification XHTML 1.0 Strict

Les pages se conformant à la spécification XHTML 1.0 Strict :

  • sont mieux prises en charge par les technologies adaptées que les pages HTML;
  • sont plus facilement rendues dans des appareils sans fil, des lecteurs de texte en braille et d'autres environnements Web spécialisés que les pages HTML;
  • sont plus facilement indexées par les moteurs de recherche que les pages HTML, donnant lieu à de meilleurs résultats pour les recherches;
  • sont plus facilement rendues dans les navigateurs de Web que les pages HTML, donnant lieu au meilleur soutien pour les combinaisons de navigateurs et de plateformes (suivez les lignes directrices « HTML compatibility guidelines » (disponible en anglais seulement) pour la prise en charge des anciens navigateurs);
  • sont conformes au langage XML, alors on peut facilement les voir, les éditer et les valider à l'aide d'outils XML standard;
  • peuvent être créées dynamiquement en convertissant les documents XML avec le XSLT.

2.0 Exigences relatives au codage

  1. Éliminez tous les éléments et attributs non pris en charge. Pour en savoir davantage à ce sujet, veuillez lire Remplacement des éléments et des attributs qui ne sont plus pris en charge.
  2. Encadrez toujours de guillemets doubles les valeurs contenues dans les balises.

    Utilisation correcte :
    <table border="0" width="100%">

    Utilisation incorrecte :
    <table border=0 width=100%>

  3. Toutes les balises (éléments et attributs) doivent être écrites en minuscules.

    Utilisation correcte :
    <table border="0" width="100%">

    Utilisation incorrecte :
    <TABLE BORDER="0" WIDTH="100%">

  4. Toutes les balises doivent être imbriquées correctement.

    Utilisation correcte :
    <p><strong>Ceci est un paragraphe.</strong></p>

    Utilisation incorrecte :
    <p><strong>This is a paragraph.</p></strong>

  5. Fermez tous les éléments avec des balises de fermeture optionnelles. Les élément pris en charge avec des balises de fermeture optionnelles sont :

    • <body></body>
    • <colgroup></colgroup>
    • <dd></dd>
    • <dt></dt>
    • <head></head>
    • <html></html>
    • <li></li>
    • <option></option>
    • <p></p>
    • <tbody></tbody>
    • <td></td>
    • <tfoot></tfoot>
    • <th></th>
    • <thead></thead>
    • <tr></tr>

  6. Fermez toutes les balises vides. Pour ce faire, il suffit d'insérer une espace et une barre oblique (« /») juste avant le symbole plus grand que (« > » ).

    Utilisation correcte :
    <br />
    <img src="image.jpg" width="12" height="45" />
    <hr />
    <input type="text" name="tag1" id="tag1" />

    Utilisation incorrecte :
    <br>
    <img src="image.jpg" width="12" height="45">
    <hr>
    <input type="text" name="tag1" id="tag1">

    Les éléments pris en charge avec des balises vides sont :

    • <area />
    • <base />
    • <br />
    • <col />
    • <frame />
    • <hr />
    • <img />
    • <input />
    • <link />
    • <meta />
    • <param />

  7. Tous les attributs courts (c.-à-d. sans valeurs), comme « multiple », « selected » et « checked », doivent dorénavant avoir une valeur.

    Utilisation correcte :
    <select name="select1" id="select1" size="4" multiple="multiple" />
    <option value="1" selected="selected">Sélectionnée</option>
    <option value="2">Non sélectionnée</option>
    </select> <input type="radio" name="radioGroup" id="radio1" checked="checked" />

    Utilisation incorrecte :
    <select name="select1" id="select1" size="4" multiple />
    <option value="1" selected>Sélectionnée</option>
    <option value="2">Non sélectionnée</option>
    </select> <input type="radio" name="radioGroup" id="radio1" checked />

3.0 Recours à l'utilitaire HTML Tidy pour faciliter la conversion des pages Web à la spécification XHTML 1.0 Strict

3.1 Correction des erreurs de codage courantes

L'utilitaire HTML Tidy est un outil libre de validation du code qui sert à corriger rapidement les erreurs de codage HTML courantes. Même si HTML Tidy ne corrige pas toutes les erreurs de codage, il permet de réduire considérablement le temps et les efforts nécessaires à la conversion de pages Web à la spécification XHTML 1.0 Strict en apportant automatiquement bon nombre de corrections répétitives et fastidieuses à faire à la main.

L'utilitaire HTML Tidy peut notamment apporter les corrections suivantes :

  • Inscription entre guillemets des valeurs se trouvant dans les balises;
  • Conversion des éléments et des attributs en lettres minuscules;
  • Correction de l'imbrication des éléments; 
  • Fermeture des balises omises ou vides;
  • Spécification d'une valeur pour les attributs abrégés;
  • Remplacement des balises <b> et <i>par les balises <strong> et <em>;
  • Remplacement des éléments et attributs courants qui ne sont plus pris en charge (p. ex., « align ») par des classes;
  • Remplacement des styles incorporés par des classes;
  • Remplacement des entités désignées mal prises en charge par des entités numériques;
  • Indentation du code pour en améliorer la lisibilité.

3.2 Disponibilité de l'utilitaire HTML Tidy

Les documents, le code source et les fichiers exécutables relatifs à HTML Tidy sont publiés sur le site Web des développeurs de l'utilitaire. HTML Tidy est également intégré à certains logiciels de conception Web.

3.3 Options de configuration recommandées pour HTML Tidy

L'utilitaire HTML Tidy permet d'activer et de désactiver diverses fonctions de correction de code. Par défaut, la plupart des fonctions de correction de code essentielles à la conversion de pages Web à la spécification XHTML 1.0 Strict sont désactivées. Les options de configuration ci-dessous doivent donc être configurées pour modifier le comportement par défaut de HTML Tidy pour la conversion de pages Web à la spécification XHTML 1.0 Strict :

  • clean: yes
  • doctype: strict
  • drop-font-tags: yes
  • drop-proprietary-attributes: yes
  • logical-emphasis: yes
  • numeric-entities: yes
  • output-xhtml: yes
  • indent: auto
  • wrap: no
  • wrap-asp: no
  • wrap-jste: no
  • wrap-php: no
  • tidy-mark: no

La liste complète des options de configuration de l'utilitaire HTML Tidy est offerte dans l'aide-mémoire des options de configuration de HTML Tidy (disponible en anglais seulement).