Домашня » Кодування » Чистий HTML-коди безладних з HTML пральна машина

    Чистий HTML-коди безладних з HTML пральна машина

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

    З Пральна машина HTML веб-додаток автоматично очищає будь-який HTML-код натисканням кнопки.

    Ця веб-програма видаляє всі сторонні функції з HTML, включаючи надлишкові CSS і JavaScript. Це також смуга більшості класів і атрибутів залишити лише шаблон HTML.

    Це, мабуть, найкорисніше, коли вивчення структури іншого веб-сайту. Якщо ви хочете клонувати макет, ви можете легко переглянути джерело та скопіювати / вставити код у свій власний редактор.

    Ви також можете це зробити видаляти коментарі HTML і спростити код далі. Тут дуже зручно використовувати HTML пральна машина.

    Він має декілька акуратних функцій, і вони є найбільш корисні для розробників:

    • Перетворює код у HTML5 (з HTML4 / XHTML)
    • Виправлено неправильно відформатовані теги
    • Переформатування HTML з відповідним відступом
    • Видаляє всі вбудовані сценарії та CSS

    Зверніть увагу, що пральна машина HTML не є повним рішенням для передачі старого макета в HTML5. Він також не є ідеальним інструментом для буквального копіювання / вставки існуючого макета і створення його власним.

    Але, як відправну точку, цей інструмент може допомогти вам прибирати брудний HTML швидко. Це допоможе вам зосередитися тільки на основах коду, так що ви не занепали за класами або сторонніми атрибутами HTML.

    Хоча, якщо такі є тегів немає alt атрибути цього HTML Стиральна машина додасть їх до сторінки. Це означає виведення HTML повністю відповідає сучасним стандартам кодування та доступності.

    Одна особливість, яку я хотів би бачити - це необов'язкове включення класів або ідентифікаторів. Іноді ви захочете зберегти класи, тому ви можете скопіювати / вставити код разом з оригінальною таблицею стилів, щоб зберегти той самий вигляд.

    Зараз це неможливо з HTML Washer, хоча, сподіваючись, що його можна буде додати в майбутньому оновленні!

    Для автоматизованого інструменту ця річ велика, і вона також дозволяє копіювати / вставляти код або завантажити файл безпосередньо з комп'ютера.

    До бачити його жити в дії, перевірте головний сайт і віддайте його. Якщо це те, що ви можете побачити, використовуючи його, обов'язково додайте її до закладки.

    І, якщо у вас є які-небудь пропозиції щодо вдосконалення, зніміть швидке повідомлення розробнику на Twitter @HtmlWasher.