Негізгі мазмұнға өту
LibraTool logoLibraTool

HTML сәнді түрлендіруші және кішірейткіш — тегін

HTML-ды тиісті кірістіру шегінісімен сәнді басып шығарыңыз немесе кішірейтіңіз. <pre>, <script>, <style> блоктарының ішіндегі мазмұнды сақтайды.

Жүктелгеннен кейін офлайн жұмыс істейді

Файлды осы жерге тастаңыз немесе таңдау үшін басыңыз

HTML, HTM · құрылғыңызда өңделеді

немесе алмасу буферінен қою үшін Ctrl+V басыңыз

Файлдарды шолу
Безендірілген HTML
Шығыс осында пайда болады…

Жиі қолданылуы

  • Ойша өндеу Сервер-рендерді HTMLСервердің (PHP, Rails, Django, Node) оқылмалы кесінген пішінде орын şıkla өндіктік HTML байқаңыз.
  • Электрондық пошта HTML Үлгі ПішіміЭлектрондық пошта HTML ұзарыспасындық (кестелер, сызықтық стиль). Өндіктік және ынамдылық болатын түрде пішімі.
  • Статикалық HTML Сағымалар ПішіміҚолмен өндіктік статикалық HTML файлдар ынамдылық пішім ынамдылықты өндіктілік сәтсіздікте ынамдылықтан.
  • CMS-экспорт HTML ТазалаңызWordPress, Wix, Squarespace-ке көп артефактісі бар HTML экспорт. Өндіктік болатын пішімі.
  • Өндіктік үшін HTML kiçiltБоғдарды өндіктік және қажеті жоқ таңбаларды алып салу арқылы тез сағымалық жүктеу үшін 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 форматтаушы және тексеруші

Браузердің туа DOM талдауышын пайдаланып XML-ді сәнді басып шығарыңыз және тексеріңіз. Өндіріс пайдалануы үшін кішірейтілген шығысты қамтиды.

Байқап көріңіз

Жиі қойылатын сұрақтар