HTML форматер

Како да форматирате HTML

1. Залепете го вашиот HTML или кликнете Отвори датотека за да вчитате .html или .htm датотека (до 10 MB).
2. Изберете Вовлекување (2 празни места, 4 празни места или табулатор) и дали да Прекинувај редови на 80 или 120 знаци.
3. Штиклирајте Вовлечи и ако сакате да бидат вовлечени во <html> и Отстрани коментари за да ги отфрлите коментарите <!-- … -->.
4. Кликнете Форматирај (улепшај) за читлив код или Минифицирај за најмалата безбедна верзија.
5. Копирајте го или преземете го резултатот. Статусната линија ја прикажува големината пред и по.

Резултатот се прикажува како обичен текст во полето за излез. Вашиот HTML никогаш не се прикажува ниту се извршува на оваа страница, па скриптите во кодот што го залепувате не можат да направат ништо.

Улепшување: читлив HTML со доследно вовлекување

Форматирај (улепшај) користи js-beautify, форматерот зад многу уредници на код:

• блок елементите одат во свои редови, вовлечени според длабочината на вгнездување, додека линиските елементи како <a>, <b> или <span> остануваат во текстот;
• содржината на <script> и <style> се форматира како JavaScript и CSS;
• <pre> и <textarea> се оставаат точно како што се напишани, бидејќи нивните празни места се видливи;
• последователните празни редови се сведуваат на еден;
• со избрана ширина за прекинување, долгите редови текст и долгите списоци атрибути се прекинуваат.

Улепшувањето не поправа расипани ознаки: незатворен <div> останува незатворен, а вовлекувањето што следува покажува каде е проблемот.

Минификација: помал HTML без промена на страницата

Минифицирај користи намерно конзервативен пристап:

• низите од празни места, табулатори и нови редови во текстот стануваат едно празно место, исто како што ги прикажува прелистувачот;
• празните места до блок елементи и елементи во head (<div>, <p>, <li>, <td>, <meta>, <br>…) се отстрануваат, бидејќи никогаш не се прикажуваат;
• едно празно место меѓу линиски елементи се задржува, па <b>голем</b> <i>свет</i> не се претвора во „големсвет“;
• коментарите се отстрануваат кога е штиклирано Отстрани коментари, освен условните коментари (<!--[if IE]>) и коментарите што почнуваат со <!--!;
• содржината на <script>, <style>, <pre> и <textarea> никогаш не се допира, а вредностите на атрибутите се задржуваат точно, наводниците вклучени.

Не ги отстранува незадолжителните затворачки ознаки, не ги препишува атрибутите и не го компресира вградениот JavaScript и CSS: тие оптимизации штедат малку повеќе, но можат да ги расипат страниците. За повеќето страници, HTTP компресијата (gzip или Brotli) штеди далеку повеќе од кој било минификатор, па минификацијата е најкорисна за HTML вграден во е-пошта, шаблони или JavaScript низи.