Чистые грязные HTML-коды с помощью HTML Washer

Если вы редактируете чужую веб-страницу или хотите скопировать код макета, это может быть непросто в процессе форматирования. Вам придется убирать много грязных областей, и это не весело делать вручную.

С HTML Washer веб-приложение, вы можете автоматически очистить любой HTML-код одним нажатием кнопки.

Это веб-приложение удаляет все посторонние функции из HTML, включая лишние CSS и JavaScript. Он также удалит большинство классов и атрибутов, чтобы оставить только простой HTML-шаблон.

Читайте также: взгляд на правильную семантику HTML5

Это, пожалуй, наиболее полезно при изучении структуры другого сайта. Если вы хотите клонировать макет, вы можете легко просмотреть исходный код и скопировать / вставить код в свой собственный редактор.

Вы также можете удалить комментарии HTML и еще больше упростить код. Вот где HTML Washer пригодится.

Он имеет несколько полезных функций, и они являются наиболее полезными для разработчиков:

• Преобразует код в HTML5 (из HTML4 / XHTML)
• Исправляет неправильно отформатированные теги
• Переформатирует HTML с правильным отступом
• Удаляет все встроенные скрипты и CSS

Обратите внимание, что HTML Washer не является полным решением для переноса старого макета в HTML5. Также это не идеальный инструмент для буквального копирования / вставки существующего макета и создания его самостоятельно.

Но, как отправная точка, этот инструмент может помочь вам быстро убрать грязный HTML. Это поможет вам сосредоточиться только на основах кода, поэтому вы не будете увязать в классах или посторонних атрибутах HTML.

Хотя, если есть тэги не имеют атрибутов alt, эта HTML-машина добавит их на страницу. Он предназначен для вывода HTML, который полностью соответствует современным стандартам кодирования и доступности.

Одна особенность, которую я хотел бы видеть, является необязательным включением классов или идентификаторов. Иногда вы захотите сохранить классы, поэтому вы можете скопировать / вставить код вместе с исходной таблицей стилей, чтобы сохранить тот же внешний вид.

В настоящее время это невозможно с HTML Washer, хотя мы надеемся, что это может быть добавлено в будущем обновлении!

Для автоматизированного инструмента это замечательно и позволяет копировать / вставлять код или загружать файл прямо с вашего компьютера.
Чтобы увидеть его в действии, проверьте главный сайт и попробуй. Если это то, что вы можете увидеть сами, обязательно добавьте это в закладки.

И, если у вас есть какие-либо предложения по улучшению, отправьте быстрое сообщение разработчику в Twitter @HtmlWasher,

Читайте также: пишите HTML и CSS быстрее с Emmet

            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>