Бесплатный онлайн-редактор / средство форматирования HTML

Input data
bfotool loadding
Output data
bfotool loadding

Средство форматирования HTML

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

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

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

Примеры HTML Formatter

Минимизированный 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>