Nettoyer les codes HTML désordonnés avec la laveuse HTML

Si vous modifiez la page Web de quelqu'un d'autre ou si vous voulez copier un code d'une mise en page, il peut être difficile de parcourir le formatage . Vous devrez nettoyer beaucoup de zones désordonnées et ce n'est pas amusant à faire manuellement.

Avec l'application Web HTML Washer, vous pouvez nettoyer automatiquement tout code HTML en cliquant sur un bouton.

Cette application Web supprime toutes les fonctionnalités inutiles du code HTML, y compris les CSS et JavaScript excessifs. Il supprimera également la plupart des classes et des attributs pour ne conserver que le modèle HTML strict.

C'est peut-être le plus utile lorsque vous étudiez la structure d'un autre site Web . Si vous voulez cloner une mise en page, vous pouvez facilement visualiser la source et copier / coller le code dans votre propre éditeur.

Vous pouvez également supprimer les commentaires HTML et simplifier davantage le code . C'est là que HTML Washer est utile.

Il a une poignée de fonctionnalités soignées et celles-ci sont les plus utiles pour les développeurs :

• Convertit le code en HTML5 (à partir de HTML4 / XHTML)
• Corrige les balises mal formatées
• Reformate le HTML avec une indentation appropriée
• Supprime tous les scripts en ligne et CSS

Notez que HTML Washer n'est pas une solution complète pour le transfert d'une mise en page plus ancienne en HTML5 . Ce n'est pas non plus un outil parfait pour copier / coller littéralement une mise en page existante et la personnaliser.

Mais, en tant que point de départ, cet outil peut vous aider à nettoyer rapidement le HTML désordonné . Cela vous aidera à vous concentrer uniquement sur les principes de base du code, afin que vous ne soyez pas gêné par les classes ou les attributs HTML superflus.

Bien que, le cas échéant les balises n'ont pas d'attributs alt ce HTML Washer les ajoutera à la page. Il est destiné à produire du HTML qui est entièrement conforme aux normes modernes de codage et d'accessibilité .

Une fonctionnalité que j'aimerais voir est l' inclusion facultative de classes ou d'ID . Parfois, vous voudrez garder les classes, ainsi vous pouvez copier / coller le code avec la feuille de style originale pour garder le même aspect.

Pour le moment, ce n'est pas possible avec HTML Washer, mais espérons que cela puisse être ajouté dans une future mise à jour!

Pour un outil automatisé, cette fonctionnalité est géniale et vous permet de copier / coller du code ou de télécharger un fichier directement depuis votre ordinateur .

Pour le voir vivre en action, consultez le site principal et essayez-le. Si c'est quelque chose que vous pourriez vous voir en utilisant assurez-vous de le marquer.

Et, si vous avez des suggestions d'amélioration, envoyez un message rapide au développeur sur Twitter @HtmlWasher.