Перайсці да асноўнага зместу
LibraTool logoLibraTool

Прыгажун і мінімізатар HTML — бясплатна

Фарматуйце або мінімізуйце HTML з правільным водступам укладання. Захоўвае змест унутры блокаў <pre>, <script>, <style>.

Працуе афлайн пасля загрузкі

Перацягніце файл сюды або націсніце, каб выбраць

HTML, HTM · апрацоўваецца на вашай прыладзе

або націсніце Ctrl+V, каб уставіць з буфера абмену

Выбраць файлы
Адфарматаваны HTML
Вынік з'явіцца тут...

Тыповыя выкарыстанні

  • Адбагаваць сервер-рэндэранны HTMLПаглядзіце сыры выхадны HTML з вашаго сервера (PHP, Rails, Django, Node) ў чытаемым адступаваны фармаце.
  • Фарматаваць Email HTML шаблоныEmail HTML ёсць мнагаслоўны (табліцы, убудаваны стыль). Фарматаваць каб зрабіць яго адбавабільна і ўстойлівы.
  • Фарматаваць статычны HTML странаміРучней адбытыя статычныя HTML файлы выгадаюць паслідоўны фарматаванне для сумесны рэдактаванне.
  • Ачысціце CMS-Экспартаваны HTMLWordPress, Wix, Squarespace экспартаваны HTML з шмат артэфактаў. Фарматаваць каб зрабіць яго адбавабільна.
  • Мініфаяваць HTML каб прадаваннеСніжэнне памер HTML файла каб хутчэй загрузка старонкі па яго ачысцэнне пустата і ненужныя сімвалы.

Як гэта працуе

Гэты інструмент фарматуе ці сціскае HTML з дапамогай уласнаручна напісанага такенізатара, чуллівага да тэгаў, убудаванага непасрэдна ў старонку — без бібліятэкі фарматавання трэціх бакоў, без зваротнага падарожжа да сервера. Кожны сімвал вашай разметкі апрацоўваецца лакальна ў браўзеры ў момант набору ці ўстаўкі.

  1. 1
    Такенізатар сканіруе разметку
    Уласны сканер сімвал за сімвалам праходзіцца па радку HTML, вызначаючы каментарыі, дэкларацыі DOCTYPE, адкрывальныя тэгі, закрывальныя тэгі, самазакрывальныя пустыя элементы (br, img, input і г.д.) і вузлы сырога тэксту. Спецыяльны хелпер адсочвае значэнні атрыбутаў у двукоссі, так што сімвалы, як > унутры атрыбута (напрыклад, value="a>b"), ніколі не выклікаюць заўчаснае раздзяленне тэга.
  2. 2
    Глыбіня водступу адсочваецца для кожнага тэга
    Для рэжыму разгортвання такенізатар вядзе лічыльнік глыбіні. Адкрывальныя тэгі ўзроўню блока павялічваюць глыбіню; закрывальныя тэгі памяншаюць яе перад запісам. Убудаваныя элементы (span, a, strong, em і г.д.) захоўваюцца на тым жа радку, што і іх змест, а не выштурхоўваюцца на свой уласны радок з водступам. Тэгі, як pre, script, style і textarea, маюць свой унутраны змест выведзены даслоўна, каб не пашкодзіць прабельна-чулы ці выканальны код.
  3. 3
    Мінімізатар бяспечна згортвае прабельныя сімвалы
    У рэжыме мінімізацыі змест блокаў pre, script, style і textarea замяняецца нумараванымі маркерамі перад тым, як адбываецца любое згортванне прабелаў. Каментарыі HTML выдаляюцца, а паслядоўнасці прабельных сімвалаў паміж тэгамі выдаляюцца — за выключэннем паміж сумежнымі ўбудаванымі элементамі, дзе захоўваецца адзін прабел, каб словы не зліваліся разам. Потым запаўняльнікі-маркеры аднаўляюцца да свайго арыгінальнага зместу.
  4. 4
    Вывад адлюстроўваецца і апцыянальна захоўваецца
    Фарматаваны ці мінімізаваны вынік з'яўляецца жыва ў панэлі вываду разам з працэнтам змены памеру. Вы можаце скапіяваць яго ў буфер абмену ці спампаваць як файл .html — усё без выхаду з браўзера.

Звязаныя інструменты

🎨

Прыгажун CSS

Фарматуйце мінімізаваны CSS з аднолькавымі водступамі або мінімізуйце яго. Дадатковае сартаванне ўласцівасцей па алфавіце для прадказальных адрозненняў.

Паспрабуйце
🗜️

Мінімізатар і фарматавальнік CSS

Мінімізуйце CSS для памяншэння памеру файла або фарматуйце мінімізаваны CSS для зручнасці чытання. Імгненна, у вашым браўзеры.

Паспрабуйце
📰

Фарматавальнік і валідатар XML

Фарматуйце і правярайце XML з дапамогай убудаванага DOM-аналізатара браўзера. Уключае мінімізаваны вывад для выкарыстання ў вытворчасці.

Паспрабуйце

Часта задаюць пытанні