Справочник HTML
Теги и структура документа: от абзацев и ссылок до форм, таблиц и семантических разделов. Каждый материал содержит пример и задание.
Атрибут target: где откроется ссылка
Target выбирает контекст открытия связанного документа. Обычно переход в текущем контексте удобнее, но иногда требуется новая вкладка или окно с понятным предупреждением для читателя.
Атрибут rel: отношение между документом и ресурсом
Rel задаёт смысл связи с другим ресурсом. Набор допустимых значений зависит от элемента: подключение таблицы стилей и аннотация обычной гиперссылки решают разные задачи.
Атрибут crossorigin: режим загрузки междоменных ресурсов
Crossorigin задаёт CORS-настройки загрузки для поддерживаемых элементов. Он нужен, когда важно не только показать ресурс, но и получить разрешённый доступ к его данным или согласовать режим запроса.
Атрибут referrerpolicy: сведения об исходной странице
Referrerpolicy управляет тем, какие сведения об адресе исходной страницы могут сопровождать конкретный запрос. Он полезен, когда элементу нужна политика, отличающаяся от общей настройки документа.
Атрибут fetchpriority: подсказка о важности изображения
Fetchpriority позволяет сообщить браузеру относительную важность загрузки изображения. Он может помочь главному ресурсу страницы, если измерения показывают, что его запрос получает недостаточное внимание.
Атрибут autofocus: начальный фокус и контекст страницы
Autofocus просит браузер установить фокус на выбранный элемент при показе соответствующего контекста. Это может быть удобно для специализированного ввода, но требует осторожности на обычной информационной странице.
Атрибут novalidate: отключение автоматической проверки при отправке
Novalidate у формы отключает интерактивную проверку ограничений браузером при отправке. Он может понадобиться при собственной модели сообщений об ошибках, но не делает значения корректными.
Атрибут formaction: отдельный адрес для кнопки отправки
Formaction позволяет конкретной кнопке отправить форму по адресу, отличающемуся от action формы. Это удобно для двух явно разных действий с одним набором полей.
Атрибут formmethod: метод отправки выбранной кнопки
Formmethod переопределяет метод формы для отдельного элемента отправки. Это позволяет сравнивать способы передачи данных, но требует ясного назначения каждой кнопки.
Атрибут formnovalidate: отдельная отправка без нативной проверки
Formnovalidate позволяет одной кнопке пропустить интерактивную проверку ограничений формы. Такой сценарий может подходить для сохранения неполного черновика при сохранении строгой проверки публикации.
Тег <search>: область поиска и фильтрации
Search обозначает часть документа с элементами поиска или фильтрации. Он помогает выразить назначение области, но не реализует поиск по данным самостоятельно.
Тег <hgroup>: заголовок с подзаголовком
Hgroup объединяет один заголовок с дополнительным текстом, например подзаголовком или поясняющей строкой. Он помогает не размечать каждую строку титульного блока как самостоятельный раздел.
Тег <data>: читаемая подпись и машинное значение
Data связывает видимый текст с машинным значением в атрибуте value. Он подходит, когда подпись удобна человеку, а код или числовая запись нужны для дальнейшей обработки.
Тег <dt>: название в списке описаний
Dt задаёт название или термин внутри dl. Он связывается с последующими описаниями dd, поэтому его смысл определяется группой, а не только жирным оформлением.
Тег <dd>: значение или пояснение названия
Dd содержит описание, определение или значение для предшествующей группы названий dt. Внутри допускается более сложное содержимое, если оно помогает раскрыть именно это название.