使用HTML Washer清理混乱HTML代码

如果您正在编辑其他人的网页，或者想复制布局的代码，那么在格式化过程中可能会很费力 。 您将不得不清理很多凌乱的区域，而手动进行这并不有趣。

使用HTML Washer Web应用程序，只需单击一个按钮，即可自动清除所有HTML代码 。

此网络应用程序从HTML中删除了所有多余的功能 ，包括多余CSS和JavaScript。 它还将剥离大多数类和属性，以仅保留准系统HTML模板。

当研究另一个网站的结构时，这也许是最有用的。 如果要克隆布局，则可以轻松查看源代码并在自己的编辑器中复制/粘贴代码。

您可能还希望剥离HTML注释并进一步简化代码 。 这是HTML Washer派上用场的地方。

它具有一些简洁的功能，这些对开发人员来说是最有用的功能 ：

• 将代码转换为HTML5（来自HTML4 / XHTML）
• 修复格式不正确的标签
• 使用适当的缩进格式重新格式化HTML
• 删除所有内联脚本和CSS

请注意，HTML Washer 并不是将旧版布局转换为HTML5的完整解决方案 。 从字面上复制/粘贴现有​​布局并使其成为自己的布局也不是一个完美的工具。

但是，作为一个起点，该工具可以帮助您快速清理凌乱HTML 。 它可以帮助您仅关注代码的基础知识 ，因此不会为类或无关HTML属性所困扰。

虽然，如果任何<img>标签没有alt属性，此HTML Washer会将其添加到页面中。 它的意思是输出完全符合现代编码和可访问性标准的 HTML。

我希望看到的一个功能是可选地包含类或ID 。 有时，您会希望保留这些类，因此可以将代码与原始样式表一起复制/粘贴，以保持外观不变。

目前，这是使用HTML Washer不可能实现的，尽管希望可以在以后的更新中添加它！

对于自动化工具而言，这件事很棒，它使您可以复制/粘贴代码或直接从计算机上载文件 。

要查看它的实际效果 ，请访问主站点并尝试一下。 如果这是您可以看到的使用自己的东西，请确保将其添加为书签。

并且，如果您有任何改进建议，请在Twitter @HtmlWasher上向开发人员快速发送消息。

翻译自: https://www.hongkiat.com/blog/clean-messy-html-codes-html-washer/