# HTML ### 1. Синтаксис #### 1.1 Два пробела в качестве отступа Отступы позволяют визуально оценить структуру документа и быстро переключаться между его фрагментами. Размер отступа настраивается в редакторе. Также во многих редакторах можно включить отображение пробельных символов и преобразовать отступы. Хорошо ``` Ваша страница

Страница

Текст

``` Плохо ``` Ваша страница

Страница

Текст

``` #### 1.2 Теги и атрибуты записываются в нижнем регистре Символы нижнего регистра не привлекают к себе большого внимания, и вам легче будет найти нужный. Хорошо ```
Перейти в профиль
``` Плохо ```
Перейти в профиль
``` #### 1.3 Отдельные логические блоки отбиваются пустой строкой Это облегчает работу с кодом и визуально создает структуру документа. Хорошо ```

Заголовок первого уровня

Первый параграф

Заголовок второго уровня

Заголовок третьего уровня

Блок с картинкой
``` Плохо ```

Заголовок первого уровня

Первый параграф

Заголовок второго уровня

Заголовок третьего уровня

Блок с картинкой
``` #### 1.4 Используйте только двойные кавычки При написании значений атрибутов используйте только двойные кавычки. Хорошо ```
Первая картинка
``` Плохо ```
Первая картинка
``` #### 1.5 Не ставим пробелов перед и после символа = Поскольку правая часть непосредственно относится к левой, то атрибут и его значение должны быть написаны без пробелов. Хорошо ```

Это хороший пример

``` Плохо ```

Это плохой пример

``` #### 1.6 Между атрибутами один пробел Не используем переносов строк между атрибутами, только один пробел. Перенос строк принят в css-документах, но не в html-разметке. Пишите все атрибуты элемента в строку. Хорошо ```
Логотип
Логотип компании
``` Плохо ```
Логотип
Логотип компании
``` #### 1.7 Одиночные теги без закрывающего слэша Не используйте закрывающий слэш у одиночных тегов (``, `
` и другие). Этот элемент является пережитком прошлого, когда HTML был более строгим, а браузеры не умели распознавать и исправлять ошибки. Хорошо ``` Логотип
``` Плохо ``` Логотип
``` ### 3. !DOCTYPE Первой строчкой в HTML-документе должен идти актуальный `doctype`. Это необходимо чтобы браузер верно отображал страницу. Это обеспечит единообразное отображение во всех современных браузерах. ``` … … ``` ### 4. Кодировка Кодировка символов в html-документе всегда должна быть указана явно. Это обеспечит верное отображение текста. Кодировка utf-8 подходит всегда, за редким исключением. ``` Заголовок ``` ### 5. Атрибуты и их порядок У HTML-элементов атрибут `class` пишется первым. Единообразное написание помогает легче считывать код и по классам быстрее разбираться в назначении блоков. Остальные атрибуты могут быть расставлены в любом порядке, но тоже единообразно для схожих элементов. ``` Ссылка Картинка ``` ### 6. Атрибут языка Для элемента `` в атрибуте `lang` должен указываться верный язык документа. Это помогает системам перевода определить, какие использовать языковые правила. ``` … … ```