Validateur HTML

Free

Vérifie le HTML pour détecter les balises non fermées, les ID dupliqués, les éléments obsolètes et d'autres problèmes courants bien définis, vérifié avec son propre analyseur de correspondance de balises, pas un validateur complet de conformité W3C.

Ceci vérifie les problèmes HTML courants et bien définis (balises non fermées, ID dupliqués, éléments obsolètes, texte alternatif manquant et similaires), ce n'est pas un validateur complet de conformité à la spécification HTML5 du W3C.

Code source HTML

Activité récente

Visible par tous. Les 20 dernières utilisations de tous les visiteurs, les plus récentes en premier.

Pas encore d'activité. Soyez le premier.

Commentaires (0)

Cet outil vous a-t-il été utile ? Laissez un commentaire, partagez une astuce, ou dites-nous comment nous pourrions l'améliorer.

Pas encore de commentaires. Soyez le premier à partager votre avis !

Ce que fait cet outil

Collez du HTML et cet outil le vérifie pour un ensemble ciblé de problèmes courants et bien définis : balises non fermées ou non correspondantes, attributs id dupliqués, texte alternatif manquant sur les images, éléments obsolètes, syntaxe auto-fermante invalide sur des éléments non-vides, et déclarations DOCTYPE, lang ou charset manquantes. Chaque problème renvoie à la ligne où il a été trouvé.

Comment ça marche

Un analyseur léger scanne le HTML balise par balise, en maintenant une pile des éléments actuellement ouverts, exactement comme un navigateur suit l'imbrication en interne, en ignorant les commentaires et le contenu des blocs <script> et <style>. Lorsqu'une balise fermante ne correspond pas à celle au sommet de la pile, ou qu'il reste des entrées dans la pile à la fin, celles-ci sont signalées comme des balises non fermées ou non correspondantes. Séparément, des expressions régulières recherchent les attributs id dupliqués, les attributs alt manquants sur les images et les noms d'éléments obsolètes.

Problèmes résolus

Trouver une balise non fermée qui casse subtilement la mise en page d'une page plus bas.
Détecter les attributs id dupliqués avant qu'ils ne fassent qu'un sélecteur CSS ou un appel JavaScript getElementById se comporte de manière inattendue.
Repérer les éléments obsolètes restants d'un ancien code ou de extraits copiés-collés.
Vérifier les bases de l'accessibilité comme le texte alternatif et une langue de document déclarée.

Questions fréquentes

›Est-ce la même chose que le Validateur de Balisage du W3C ?

Non. Le validateur officiel du W3C vérifie la conformité complète par rapport à la spécification HTML, des centaines de règles couvrant chaque élément et attribut. Cet outil se concentre sur un ensemble plus restreint de problèmes courants et bien définis qu'il est vraiment utile de détecter tôt : balises non fermées, ID dupliqués, éléments obsolètes et quelques vérifications d'attributs manquants. Pour un rapport de conformité complet, utilisez le validateur du W3C en complément de cet outil.

›Pourquoi signale-t-il l'absence de DOCTYPE, lang ou charset comme des avertissements plutôt que des erreurs ?

Les navigateurs affichent quand même une page sans ces éléments, ils ne sont donc pas fatals, mais ils affectent l'accessibilité, l'internationalisation et la fiabilité avec laquelle le navigateur choisit un mode de rendu. Ils sont signalés parce que les corriger est presque toujours la bonne décision, pas parce que la page est cassée sans eux.

›Qu'est-ce qui est considéré ici comme une balise « obsolète » ?

Les éléments que la spécification HTML5 marque explicitement comme obsolètes, comme <center>, <font>, <marquee> et <acronym>, généralement parce que CSS couvre désormais ce qu'ils faisaient, d'une manière qui sépare le contenu de la présentation. Ils fonctionnent encore dans les navigateurs pour la rétrocompatibilité, mais ne devraient pas être utilisés dans du nouveau code.

›Vérifie-t-il le contenu à l'intérieur des balises <script> ou <style> ?

Non, leur contenu est entièrement ignoré lors de la correspondance des balises, car JavaScript ou CSS peuvent facilement contenir du texte qui ressemble à une balise HTML (dans une chaîne de caractères, par exemple) sans en être une, ce qui produirait sinon des faux positifs.

›Pourquoi signaler une syntaxe auto-fermante comme <div /> ?

En HTML (contrairement à XML ou XHTML), une barre oblique finale sur un élément non-vide comme <div> ou <span> est simplement ignorée, l'élément n'est PAS considéré comme fermé par celle-ci, et a toujours besoin de sa propre balise fermante distincte. C'est une source courante de bugs de balises non fermées accidentelles lors de la copie de modèles depuis JSX ou XML.

Transformez du texte saisi ou une image importée en art ASCII. Choisissez un style de police ou une échelle de caractères, conservez la couleur et exportez en texte brut ou en PNG.