HTML форматиране и минимизиране

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

1. Поставете HTML или щракнете Отвори файл, за да заредите файл .html или .htm (до 10 МБ).
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.