Skip to content
Denis Zyulev edited this page Jan 10, 2019 · 1 revision

Синтаксис

  • Для отступов у вложенных элементов используются два пробела или четыре пробела (в зависимости от лидирующей технологии в проекте).
  • Теги и их атрибуты пишутся строчными буквами. Для значений атрибутов всегда используются двойные кавычки.
  • Необязательные закрывающие теги (например, </li> или </body>) не пропускаются.

Атрибуты

  • Атрибут класса у HTML-элементов пишется первым. Единообразное написание помогает легче считывать код и быстрее разбираться в назначении блоков по их классам (исключение input - для них всегда первым должен идти атрибут type).
  • Остальные атрибуты могут быть расставлены в любом порядке, но тоже единообразно для одинаковых элементов.
  • Для логических атрибутов (например, checked, disabled, required) значение не указывается (если это не typescript), а сами атрибуты указываются последними и в единообразной последовательности во всём документе

Неверно

<input required name="test" type="text" class="form-control" required name="test" />
<a data-name="test" href="/text" class="nav-link">Text</a>

Верно

<input type="text" class="form-control" name="test" required />
<a class="nav-link" href="/text" data-name="test">Text</a>

Валидность

  • Верстка должна проходить проверку на валидность. Для проверки использовать можно validator.w3.org

Clone this wiki locally