Science Numérique et Technologie - Classe de 2nde

Erreurs de code Html

Cela a déjà été écrit, les navigateurs internet sont très permissifs concernant le langage Html : il est possible de faire de nombreuses erreurs dans le code et obtenir quand même un affichage (même si cet affichage n'est pas forcément celui attendu).

Par exemple :

Coloration syntaxique

L'éditeur de texte qui permet d'entrer du code Html dans ce site web colore en rouge les balises qui ne sont pas fermées correctement et/ou qui sont mal placées.

Repérez et corrigez toutes les erreurs de syntaxe dans le code Html ci-dessous.

  • Affichage à obtenir
  • Une solution

Valider son code

Puisque le navigateur (et l'éditeur de texte Notepad++) ne signale pas les erreurs de code, on a besoin d'un logiciel tiers pour faire ce travail et indiquer les erreurs à corriger. Cet outil est proposé sur le site du W3C, l'organisme qui valide les évolutions du langage Html à cette adresse : https://validator.w3.org/#validate_by_upload.

  1. Cliquez sur le lien du validator. La page affichée ressemble à :
  2. Cliquez sur le bouton .
  3. Explorez l'arborescence pour sélectionner le fichier dilophosaure.html conçu à l'étape précédente.
  4. Cliquez enfin sur le bouton sur le bouton .
  5. Vérifiez qu'aucune erreur n'est détectée par le validateur.

Copier/coller son code

Le validateur du W3C permet aussi de copier/coller le code à valider directement dans une interface prévue à cet effet. Il suffit de se rendre à l'adresse https://validator.w3.org/#validate_by_input.

On considère à nouveau le code Html du premier exercice :

  1. Cliquez sur le lien du validator. La page affichée ressemble à :
  2. Dans la zone de texte, copiez/collez le code ci-dessus.
  3. Cliquez ensuite sur le bouton sur le bouton .
  4. Les erreurs détectées par le validateur sont-elles les mêmes que celles retrouvées dans le premier exercice ?