Консалтинг и аналитикаSEO инструменты и сервисы

Форматирование HTML кода

Довольно часто при написании HTML кода ваши отступы, интервалы и другие элементы форматирования могут стать немного дезорганизованными.

С помощью данного инструмента вы можете легко сделать ваш код красивым и легко читаемым. Особенно важно соблюдать единый стиль форматирования когда над проектом работают нескольких разработчиков.

Если Вам приходится разбираться в чужом, минимизированном или неряшливо написанном коде, этот инструмент тоже для Вас.

Сервис для улучшения читабельности HTML кода

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


Форматирование внутри тегов <style>и <script>:



 

 



Примеры

Исходный сжатый HTML-код:

<table><tr><td><form class="search2" action="https://yandex.ru/search/" role="search" aria-label="Поиск в интернете"><div class="suggest2-form__node"><div class="search2__button"><button class="button" type="submit"><span class="button__text">Найти</span></button></div><div class="search2__input"><input class="input__control" id="text" maxlength="400" name="text"/></div><div class="i-bem"><div class="popup__under"></div><div class="popup__content"></div></div></div></form></td></tr></table>

HTML-код после преобразования:

<table>
  <tr>
    <td>
      <form class="search2" action="https://yandex.ru/search/" role="search" aria-label="Поиск в интернете">
        <div class="suggest2-form__node">
          <div class="search2__button">
            <button class="button" type="submit"><span class="button__text">Найти</span></button>
          </div>
          <div class="search2__input">
            <input class="input__control" id="text" maxlength="400" name="text"/>
          </div>
          <div class="i-bem">
            <div class="popup__under"></div>
            <div class="popup__content"></div>
          </div>
        </div>
      </form>
    </td>
  </tr>
</table>


© 2017 SEO-AUDITOR

Бесплатные SEO инструменты и сервисы для веб-мастеров, оптимизаторов и копирайтеров, администраторов сайтов, серверов и сисадминов — все для OnLine анализа, оптимизации, продвижения, разработки и мониторинга сайта.

Все материалы этого сайта могут использоваться, перепечатываться, распространяться и цитироваться только с указанием ссылки на первоисточник.

Дизайн сайта “СириусВеб”

Следите за нами:
Читать @SEOAuditorRu в Twitter