如果您正在编辑其他人的网页,或者想复制布局的代码,那么在格式化过程中可能会很费力 。 您将不得不清理很多凌乱的区域,而手动进行这并不有趣。
使用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不可能实现的,尽管希望可以在以后的更新中添加它!
对于自动化工具而言,这件事很棒,它使您可以复制/粘贴代码或直接从计算机上载文件 。
![HTML冲洗代码预览](https://i-blog.csdnimg.cn/blog_migrate/d71f302fc7aeb6c913b7b9fa3d72a990.png)
要查看它的实际效果 ,请访问主站点并尝试一下。 如果这是您可以看到的使用自己的东西,请确保将其添加为书签。
并且,如果您有任何改进建议,请在Twitter @HtmlWasher上向开发人员快速发送消息。
翻译自: https://www.hongkiat.com/blog/clean-messy-html-codes-html-washer/