4. Validation HTML

Validation HTML et outils de contrôle qualité

Validateur HTML du W3C

Le Validateur HTML du W3C vérifie la conformité de votre code aux standards HTML.

Utilisation :

  1. Par URL : valider une page en ligne
  2. Par fichier : uploader un fichier HTML
  3. Par saisie directe : coller le code HTML

Types d'erreurs détectées :

  • Balises non fermées ou mal imbriquées
  • Attributs invalides
  • Éléments utilisés incorrectement
  • Problèmes d'accessibilité de base
  • Erreurs de structure

Extensions pour navigateurs

Web Developer (Chris Pederick) :

  • View Document Outline : afficher la structure du document et la hiérarchie des titres
  • Validate Local HTML : valider le HTML directement depuis le navigateur (dans l'onglet Informations)

GoFullPage - Full Page Screen Capture (pour Chrome) :

  • Permet de faire des captures d'écran complètes de pages web
  • Utile pour documenter les résultats de validation

Bonnes pratiques de validation

  • Valider régulièrement pendant le développement
  • Corriger les erreurs avant de passer à l'étape suivante
  • Comprendre les messages d'erreur plutôt que de les ignorer
  • Utiliser la validation comme outil d'apprentissage
  • Faire des captures d'écran AVANT / APRÈS pour documenter les améliorations

Liste de contrôle

Avant de considérer une page HTML comme terminée, vous devez vérifier plusieurs éléments. Nous vous fournissons une liste de contrôle de base dans le (répertoire GitHub)[https://github.com/dlapointegilbert/guide-developpement-web/blob/main/liste-de-controle.md].

Vous êtes invités à bonifier cette liste de contrôle et la priorité des différents éléments au fur et à mesure que le cours avance afin de vous créer un outil personnalisé.