Pour mettre en évidence les erreurs de validation des éléments HTML
On a souvent des surprises une fois une page terminée lorsque l'on décide de la passer au validateur W3C.
Vous pouvez maintenant éviter ces surprises en repérant en temps réel les erreurs les plus communes de votre code HTML !
Holmes est une feuille de style CSS qui permet un diagnostic de vos éléments HTML.
Pour utiliser la validation en temps réel rien de plus simple !
Il vous suffit simplement d'inclure la feuille de style CSS et d'ajouter une classe sur votre balise <body> :
| Code html : | Sélectionner tout |
<body class="holmes-debug">Après ça, vous disposez de trois codes couleur différents : une bordure rouge pour signaler les erreurs, une bordure jaune pour signaler les avertissements (mauvais usage par exemple) et enfin une bordure gris foncé pour signaler les éléments dépréciés.
De plus, un tooltip apparait au survol d'un élément signalé par un des trois codes couleur contenant une explication de l'erreur.
Vous pourrez donc désormais valider vos pages au fur et à mesure du développement.
Attention bien sûr à retirer Holmes lorsque vous publiez votre site en ligne
Télécharger Holmes.Source : thechangelog.com
Et vous ?
Vous préoccupez-vous de la validation W3C de vos pages Web ? Avez-vous déjà utilisé une méthode similaire pour simplifier le repérage d'erreurs dans votre code HTML ?
Vous avez lu gratuitement 4 articles depuis plus d'un an.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.