Validez votre code !

Versions de HTML

Il existe deux types de documents pour le HTML 4.01: l'un transitoire et l'autre strict. La DTD HTML 4.01 Transitoire autorise l'utilisation d'anciennes versions de HTML alors que le HTML 4.01 Strict est parfaitement conforme aux standards du Web. Pour passer du HTML 4.01 transitoire au strict, il suffit de changer la DTD:

En appliquant ce changement au fichier bar.html, nous constatons que le fichier n'est plus conforme selon l'outil de validation:

Changement de DTD dans le fichier de base

Indications d'erreur par l'outil de validation

Le HTML 4.01 Strict préfère que les images, qui sont des éléments en-ligne, soient imbriquées dans un élément de type bloc, comme un paragraphe ou un titre. Pour corriger l'erreur soulevée ci-dessus, il suffit donc d'insérer un élément <p> autour de l'élément <img>. Cet ajout n'affectera pas l'allure visuelle de la page car le titre situé au-dessus de l'image et le paragraphe en-dessous sont déjà des éléments de type bloc avec sauts de ligne au-dessus et au-dessous. Il permettra néanmoins de valider le fichier au standard HTML 4.01 Strict.

Changement à opérer dans le fichier principal

Vérification du code par l'outil de validation

Quand le HTML est valide, son interprétation est la même avec la plupart des navigateurs, les pages se chargent plus vite et fonctionnent mieux avec les autres types d'appareils dont on se sert pour surfer sur le Web (TV, smartphones,...). Elles offrent aussi une meilleure accessibilité aux mal-voyants qui se servent de lecteurs d'écran vocaux. Le standard HTML 4.01 Strict répond à un certain nombre de règles qu'il convient de respecter:

Chaque page doit commencer par un DOCTYPE. La balise <html> doit toujours se trouver au début de la page et </html> termine chaque page. Le reste du HTML est imbriqué à l'intérieur de l'élément <html> .
Seuls les éléments <head> et <body> peuvent se mettre directement dans l'élément <html>. Par conséquent, tous les autres doivent sans exception être insérés soit dans <head>, soit dans <body>.
Donnez toujours à l'élément <head> un élément <title>. Le seul endroit où insérer les éléments <title>, <meta> et <style> est dans l'élément <head>.
L'élément <body> n'accepte que des éléments de type bloc (<h1>, <h2>, ..., <h6>, <p>, <blockquote>, etc.). Par conséquent, l'ensemble des éléments en-ligne et des textes doit être intégré à un élément de type bloc avant de se trouver dans l'élément <body>.
La seule chose qui peut figurer dans un élément en-ligne est un texte ou un autre élément en-ligne. Les éléments de type bloc n'ont en aucun cas droit de cité ici.
Les paragraphes <p> servent aux textes, ils ne contiennent jamais d'éléments de type bloc mais acceptent n'importe quel élément en-ligne comme <em>, <a>, <strong>, <img> ou <q>.
Seul l'élément <li> est autorisé dans les éléments <ul> et <ol>.
Les éléments <li> peuvent contenir du texte, des éléments en-ligne ou des blocs.
L'élément <blockquote> exige un ou plusieurs élément de bloc. Par conséquent, mettez toujours textes et éléments en-ligne dans un élément de type bloc avant de les placer dans un <blockquote>.

Exercice 2

Trouvez toutes les erreurs situées dans le document HTML 4.01 Strict ci-dessous:

Finalement, notez que la plupart du HTML que vous avez appris jusqu'à présent est strict. Il existe néanmoins des éléments ou des attributs tombés en désuétude que vous pourrez rencontrer en consultant le web. Ces éléments sont acceptés par la plupart des navigateurs mais ne sont plus conformes aux standards actuels et tendent à disparaître. C'est par exemple le cas des balises ou attributs servant à la mise en pages de document HTML, ils ont été remplacés par les feuilles de style CSS:

Exemple de page écrite en HTML 3.2 contenant des éléments et des attributs dépréciés

Internet

Navigation

Validez votre code !

Versions de HTML

Home

Contact

Droits