HTML

Справочник по тегам HTML на русском языке. В справочнике приведены только актуальные для HTML теги и атрибуты, устаревшие и нерекомендуемые теги и атрибуты не описываются.

Основные элементы

  • <html> — корневой элемент HTML-документа
  • <head> — общая информация о документе
  • <body> — контент документа

Метаданные документа

  • <base> — базовый адрес
  • <link> — внешние ресурсы и ссылки
  • <meta> — метатеги
  • <style> — стили
  • <title> — заголовок документа

Секционирование содержания

Текстовое содержание

  • <blockquote> — цитата
  • <dd> — значение определения
  • <div> — блочный элемент
  • <dl> — список определений
  • <dt> — определение
  • <figcaption> — заголовок иллюстрации
  • <figure> — иллюстрация
  • <hr> — разделительная линия
  • <li> — элемент списка
  • <ol> — нумерованный список
  • <p> — абзац
  • <pre> — форматированный текст
  • <ul> — маркированный список

Встроенные текстовые семантики

  • <a> — ссылка
  • <abbr> — аббревиатура
  • <b> — жирное выделение
  • <bdi> — семантическая изоляция направления текста
  • <bdo> — семантическое переопределение направления текста
  • <br> — перенос строки
  • <cite> — источник цитаты
  • <code> — программный код
  • <data> — данные
  • <del> — удаленный контент
  • <dfn> — определение
  • <em> — логический курсив
  • <i> — курсивное выделение
  • <ins> — добавленный контент
  • <kbd> — разметка клавиатурных команд
  • <mark> — контекстное выделение
  • <q> — цитата
  • <ruby>, <rtc>, <rb>, <rp>, <rt> — текстовые аннотации
  • <s> — зачеркнутый текст
  • <samp> — разметка вывода программы
  • <small> — уменьшенный текст
  • <span> — инлайновый элемент
  • <strong> — логическое жирное выделение
  • <sub> — нижний индекс
  • <sup> — верхний индекс
  • <time> — дата и время
  • <u> — подчеркнутый текст
  • <var> — разметка переменной
  • <wbr> — возможный перенос строки

Изображения и мультимедиа

  • <area> — область на карте ссылок
  • <audio> — аудио-файл
  • <img> — изображение
  • <map> — карта ссылок
  • <source> — медиа-ресурс
  • <track> — текстовые субтитры
  • <video> — видео
  • <embed> — встроенный контент
  • <iframe> — внешний документ
  • <object> — встроенный контент
  • <param> — передаваемый параметр в <object>
  • <picture> — изображение
  • <source> — медиа-ресурс

Скрипты

  • <canvas> — область для программного рисования
  • <noscript> — контент, выводимый при отключенных скриптах
  • <script> — скрипт

Таблицы

  • <caption> — заголовок таблицы
  • <col> — колонка таблицы
  • <colgroup> — группа колонок
  • <table> — таблица
  • <tbody> — тело таблицы
  • <td> — ячейка
  • <tfoot> — футер таблицы
  • <th> — заголовочная ячейка
  • <thead> — шапка таблицы
  • <tr> — строка таблицы

Формы

  • <button> — кнопка
  • <datalist> — набор опций
  • <fieldset> — группа элементов формы
  • <form> — форма
  • <input> — элемент ввода
  • <label> — метка элемента ввода
  • <legend> — заголовок группы элементов
  • <meter> — вывод переменных числовых диапазонов
  • <optgroup> — группа опций
  • <option> — опция
  • <output> — область вывода
  • <progress> — прогресс-бар
  • <select> — выпадающий список
  • <textarea> — ввод многострочного текста

Интерактивные элементы

  • <details> — разворачивающийся элемент
  • <dialog> — диалоговое окно
  • <summary> — заголовок в разворачивающемся элементе

Веб-компоненты

  • <slot> — именованный слот
  • <template> — шаблон веб-компонента