# 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` должен указываться верный язык документа. Это помогает системам перевода определить, какие использовать языковые правила. ``` … … ``` --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://birskiys.gitbook.io/html-css/master.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.