Справочник HTML
Теги и структура документа: от абзацев и ссылок до форм, таблиц и семантических разделов. Каждый материал содержит пример и задание.
multiple: несколько выбранных значений
Атрибут multiple разрешает множественный выбор у select и file, а у email — список адресов по правилам этого типа.
accept: подсказка выбора файла
Атрибут accept ограничивает предлагаемые типы файлов в диалоге выбора input type=file.
form: поле за пределами разметки формы
Атрибут form связывает поддерживаемый элемент с формой по её id, даже когда элемент находится снаружи её HTML-контейнера.
method: различие GET и POST в HTML-форме
Атрибут method определяет способ штатной HTTP-отправки формы и влияет на размещение её данных.
enctype: кодирование данных и загрузка файлов
Атрибут enctype задаёт формат кодирования данных при отправке HTML-формы методом POST.
checked: начальное состояние checkbox и radio
Атрибут checked определяет начальное выбранное состояние checkbox или radio в HTML-разметке.
selected: начальный вариант в списке select
Атрибут selected у option указывает вариант, выбранный в исходной HTML-разметке списка.
for у label: точная связь подписи с полем
Атрибут for у label связывает текстовую подпись с элементом формы по его идентификатору id.
rows и cols: исходный размер textarea
Атрибуты rows и cols задают ориентировочный исходный размер многострочного текстового поля.
start и reversed: нумерация упорядоченного списка
Атрибуты start и reversed позволяют задать начальное число и обратное направление нумерации списка ol.
Тег <kbd>: обозначение пользовательского ввода
Элемент kbd обозначает ввод пользователя: клавишу, сочетание клавиш или другую вводимую команду в учебной инструкции.
Тег <samp>: вывод программы в инструкции
Элемент samp выделяет пример результата, который программа или система показывает пользователю.
Тег <var>: переменная в формуле и описании
Элемент var обозначает переменную в математическом выражении или пояснении программного алгоритма.
Тег <abbr>: сокращение и его расшифровка
Элемент abbr помечает сокращение, которое читателю может потребоваться расшифровать.
Тег <address>: контактные сведения автора
Элемент address обозначает контактные сведения, относящиеся к ближайшей статье или ко всему документу.
Тег <aside>: дополнительное содержимое по теме
Элемент aside обозначает содержание, косвенно связанное с окружающим материалом и отделимое от его основной линии.
Тег <hr>: тематический переход
Элемент hr обозначает тематический разрыв между фрагментами, например переход к другой сцене или части рассуждения.
Тег <br>: обязательный перенос строки
Элемент br создаёт перенос строки там, где он является частью записи, например в стихотворении или многострочном адресе.
Тег <wbr>: возможная точка переноса
Элемент wbr отмечает место, где браузер может разорвать длинную строку, если ей не хватает ширины.
Теги <sub> и <sup>: нижние и верхние индексы
Элементы sub и sup обозначают нижние и верхние индексы, когда положение является частью смысла записи.
Тег <script>: подключение кода и порядок выполнения
Элемент script подключает внешний JavaScript или содержит код внутри HTML-документа. Выбор атрибутов влияет на момент выполнения и доступность элементов страницы.
Тег <noscript>: содержимое при отключённом JavaScript
Элемент noscript предлагает альтернативное содержимое, когда выполнение скриптов в документе отключено или не поддерживается. Он помогает объяснить ограничение интерфейса.
Тег <template>: заготовка DOM без немедленного отображения
Элемент template хранит фрагмент разметки для последующего использования. Его содержимое не выводится как обычная часть страницы до добавления в документ.
Тег <iframe>: вложенная страница и ограничения sandbox
Элемент iframe встраивает отдельный документ со своим окружением. Атрибут sandbox позволяет ограничить возможности вложенного содержимого, но требует осознанного выбора разрешений.
Тег <video>: воспроизведение, источники и текстовая альтернатива
Элемент video встраивает видеозапись в страницу и может показывать стандартные средства управления. Разметка описывает воспроизведение, но не создаёт сам медиафайл.
Тег <audio>: звук с управлением и текстовой расшифровкой
Элемент audio размещает на странице аудиозапись. Пользователю нужны понятные средства запуска, паузы и изменения громкости, а содержание записи желательно предоставить также текстом.
Тег <track>: подключение субтитров WebVTT
Элемент track связывает видео или аудио с текстовой дорожкой. Для видео с речью субтитры позволяют следить за содержанием без включённого звука.
Тег <source>: выбор ресурса в picture и медиаплеере
Элемент source предлагает браузеру варианты изображения, видео или звука. Его атрибуты зависят от родителя: для picture используются srcset и условия выбора, для аудио и видео — src.
Тег <bdi>: изоляция направления пользовательского текста
Элемент bdi изолирует направление вложенного текста от соседних частей строки. Это полезно для имён, где заранее неизвестно сочетание письменностей справа налево и слева направо.
Тег <mark>: смысловое выделение найденного фрагмента
Элемент mark отмечает фрагмент, значимый в текущем контексте: например, совпадение с поисковым запросом. Такое выделение отличается от общей важности текста и от речевого ударения.