Médiaforma

Vérifier la validité du code

Print Friendly

Cliquez ici pour accéder au pack eBook+vidéos HTML5, CSS3, JavaScript

Le W3C met à disposition des développeurs Web un validateur de code HTML. Pour l’utiliser, rendez-vous sur la page http://validator.w3.org :

Si le code à tester se trouve sur le Web, il vous suffit de préciser son URL dans la zone de texte Address et de cliquer sur Check.

Si le code se trouve sur votre ordinateur, vous pouvez aussi le soumettre au validateur. Sélectionnez Validate by Direct Input. Copiez-collez le code à tester dans la zone réservée à cet effet et cliquez sur Check.

Dans cet exemple, une erreur et trois avertissements ressortent de l’analyse. Déplacez la barre de défilement verticale pour en savoir un peu plus sur les problèmes rencontrés.

L’erreur vient du fait que la balise <title> n’a pas été spécifiée dans l’en-tête.

Le premier avertissement indique que le code analysé est de type HTML5 et que le validateur peut ne pas être suffisamment précis.

Le deuxième avertissement vient du fait qu’aucun encodage de caractère n’a été spécifié.

Le troisième avertissement indique que l’encodage de caractère supposé est UTF-8. Cet avertissement ne serait pas apparu si la page avait été testée en ligne et non depuis l’ordinateur local.

Ces problèmes sont très simples à régler.

1)      Nous définissons une balise <title> dans l’en-tête :
<title>Le sélecteur astérisque</title>

2) Nous définissons une balise <meta> pour spécifier le type d’encodage des caractères :
<meta charset= »UTF-8″ />

Nous cliquons sur Revalidate pour tester le nouveau code. Cette fois-ci, le code est correct :

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply