HTML Beautify Tool — бесплатный онлайн-форматировщик и украситель HTML

Input data
bfotool loadding
Output data
bfotool loadding

HTML-форматировщик

Введите ваш грязный, минифицированный или запутанный HTML в поле выше, чтобы очистить его и сделать красивым. Редактор выше также содержит полезные номера строк и подсветку синтаксиса. Существует множество опций для настройки beautifier под ваши личные предпочтения в форматировании.

Когда вы используете HTML Viewer, HTML Formatter, HTML Formatter

Часто при написании HTML отступы, интервалы и другое форматирование могут стать немного дезорганизованными. Также часто бывает так, что над одним проектом работают несколько разработчиков, которые используют разные методы форматирования. Этот инструмент полезен для обеспечения единообразия форматирования файла. Также часто HTML минимизируют или запутывают. Вы можете использовать этот инструмент, чтобы сделать код красивым и читабельным, чтобы его было легче редактировать.

Примеры HTML-форматирования

Ниже представлен минимизированный HTML-код:

<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div><ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li><li><a href="#">Page 3</a></li></ul> </div></nav>

Становится таким красивым:

<nav class="navbar navbar-default">  
     <div class="container-fluid">  
         <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a>   
         </div>  
         <ul class="nav navbar-nav">  
             <li class="active"><a href="#">Home</a>  
             </li>  
             <li><a href="#">Page 1</a>  
             </li>  
             <li><a href="#">Page 2</a>  
             </li>  
             <li><a href="#">Page 3</a>  
             </li>  
         </ul>  
     </div>  
 </nav>