HTML справочник
Базовый HTML
| Тег | Описание |  Chrome |  Firefox |  Opera |  Safari |  IExplorer |  Edge |
|---|---|---|---|---|---|---|---|
| <!DOCTYPE> | Декларация, которая определяет тип документа, помогая браузеру отобразить веб-страницу правильно. | Да | Да | Да | Да | Да | Да |
| <html> | Сообщает браузеру, что необходимо прочитать документ как программный код, написанный на языке HTML. | Да | Да | Да | Да | Да | Да |
| <title> | Обеспечивает название для документа. | Да | Да | Да | Да | Да | Да |
| <body> | Определяет видимое содержимое страницы. | Да | Да | Да | Да | Да | Да |
| <h1> | Определяет заголовок первого уровня. | Да | Да | Да | Да | Да | Да |
| <h2> | Определяет заголовок второго уровня. | Да | Да | Да | Да | Да | Да |
| <h3> | Определяет заголовок третьего уровня. | Да | Да | Да | Да | Да | Да |
| <h4> | Определяет заголовок четвертого уровня. | Да | Да | Да | Да | Да | Да |
| <h5> | Определяет заголовок пятого уровня. | Да | Да | Да | Да | Да | Да |
| <h6> | Определяет заголовок шестого уровня. | Да | Да | Да | Да | Да | Да |
| <p> | Определяет параграф. | Да | Да | Да | Да | Да | Да |
| <br> | Устанавливает перевод строки в том месте, где этот тег обозначен. | Да | Да | Да | Да | Да | Да |
| <hr> | Тэг создает горизонтальную линию на HTML-странице, может использоваться в роли тематического разрыва. | Да | Да | Да | Да | Да | Да |
| <!--...--> | Тег комментария. Используются для временного отключения кода, либо в качестве подсказки. Текст внутри комментария не отображается браузером на странице. | Да | Да | Да | Да | Да | Да |
Форматирование
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <acronym> | Не поддерживается в HTML5. Определяет акроним. Используйте вместо данного элемента <abbr>. | Да | Да | Да | Да | Да | Да |
| <abbr> | Определяет аббревиатуру или акроним. Маркировка сокращений является полезной информацией для браузеров, систем перевода и поисковиков. | Да | Да | Да | Да | Да | Да |
| <address> | Определяет контактную информацию (автор / владелец) документа или статьи. | Да | Да | Да | Да | Да | Да |
| <b> | Определяет жирное начертание текста. | Да | Да | Да | Да | Да | Да |
<bdi> | Изолирует фрагмент текста, который отформатирован в другом направлении, то есть позволяет браузерам корректно обрабатывать двунаправленный текст. Этот элемент полезно использовать при отображении текста с разной направленностью. | Да | Да | Да | Да | Нет | Нет |
| <bdo> | Используется для переопределения текущего направления текста (устанавливает направление вывода текста и преимущественно предназначен для использования с языками, где чтение происходит справа налево, например - арабский). | Да | Да | Да | Да | Да | Да |
| <big> | Не поддерживается в HTML5. Шрифт, который отображается большего размера. Используйте CSS вместо данного элемента. | Да | Да | Да | Да | Да | Да |
| <blockquote> | Определяет блочную цитату (длинная цитата внутри документа). Текст внутри этого тега отображается как выровненный блок с отступами слева и справа | Да | Да | Да | Да | Да | Да |
| <center> | Не поддерживается в HTML5. Определяет текст, который выровнен по центру. Используйте CSS вместо данного элемента. | Да | Да | Да | Да | Да | Да |
| <cite> | Предназначен для выделения названия произведений (по умолчанию - курсивом). | Да | Да | Да | Да | Да | Да |
| <code> | Предназначен для выделения части компьютерного кода (по умолчанию представлен моноширинным шрифтом). | Да | Да | Да | Да | Да | Да |
| <del> | Перечёркнутый (удалённый) текст | Да | Да | Да | Да | Да | Да |
| <dfn> | Используется, когда в документе упоминается новый термин или слово (первое и поясняемое употребление). По умолчанию, оно выделяется курсивом. | Да | Да | Да | Да | Да | Да |
| <em> | Экспрессивно-эмоциональное выделение текста | Да | Да | Да | Да | Да | Да |
| <font> | Не поддерживается в HTML5. Определяет цвет, размер и шрифт для текста. Используйте CSS вместо данного элемента. | Да | Да | Да | Да | Да | Да |
| <i> | Курсивное начертание текста | Да | Да | Да | Да | Да | Да |
| <ins> | Подчёркнутый текст, вставленный в документ. | Да | Да | Да | Да | Да | Да |
| <kbd> | Вводимые пользователем нажатия клавиш или текст, набираемый на клавиатуре. | Да | Да | Да | Да | Да | Да |
| <mark> | Выделенный/подсвеченный текст. | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
| <meter> | Предназначен для отображения скалярной величины в заданном диапазоне, или же для графического представления дробного числа. Для использования данного тега должно быть известно максимальное значение. | 8.0 | 6.0 | 11.0 | 6.0 | Нет | 13.0 |
| <pre> | Определяет предварительно отформатированный текст, т.е. текст, который был помещён внутрь тега отобразится со шрифтом фиксированной ширины, и сохранит как пробелы, так и разрывы строк | Да | Да | Да | Да | Да | Да |
| <progress> | Предоставляет обратную связь, сообщая о состоянии текущего процесса, отображает какая часть задачи выполнена. | 8.0 | 16.0 | 11.0 | 6.0 | 10.0 | 12.0 |
| <q> | Используется для выделения коротких цитат (строчная цитата). | Да | Да | Да | Да | Да | Да |
| <rp> | Определяет, что отображать браузеру, который не поддерживает тег <ruby> | 5.0 | 38.0 | 15.0 | 5.0 | 5.5 | 12.0 |
| <rt> | Помещает полезный текст фуриганы в составе элемента <ruby> | 5.0 | 38.0 | 15.0 | 5.0 | 5.5 | 12.0 |
| <ruby> | Используются для добавления фуриган (фонетические подсказки в японском языке, их также называют - руби или ёмигана). | 5.0 | 38.0 | 15.0 | 5.0 | 5.5 | 12.0 |
| <s> | Определяет текст, который больше не является правильным или актуальным. | Да | Да | Да | Да | Да | Да |
| <samp> | Результат вывода компьютерной программы или скрипта. | Да | Да | Да | Да | Да | Да |
| <small> | Шрифт, который отображается меньшим размером(мелкий/юридический шрифт). | Да | Да | Да | Да | Да | Да |
| <strike> | Не поддерживается в HTML5. Отображает перечеркнутый текст. Используйте вместо данного элемента тег <del> или тег <s> | Да | Да | Да | Да | Да | Да |
| <strong> | Текст, которому придают особое значение (важный текст). | Да | Да | Да | Да | Да | Да |
| <sub> | Текст с нижним индексом. | Да | Да | Да | Да | Да | Да |
| <sup> | Текст с верхним индексом. | Да | Да | Да | Да | Да | Да |
| <time> | Тег временной разметки (семантическая разметка). | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
| <tt> | Не поддерживается в HTML5. Отображает шрифт моноширинным текстом. Используйте CSS вместо данного элемента. | Да | Да | Да | Да | Да | Да |
| <u> | Содержит в себе текст, который должен стилистически отличаться от обычного текста, например слова с орфографическими ошибками или текст на другом языке. | Да | Да | Да | Да | Да | Да |
| <var> | Математические/переменные величины. | Да | Да | Да | Да | Да | 12.0 |
| <wbr> | Предоставляет возможность указать браузеру, что при необходимости в этом месте можно сделать перенос строки (например, слишком длинное слово или URL). | 1.0 | 3.0 | 11.7 | 4.0 | Нет | Да |
Формы
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <form> | Определяет HTML форму для пользовательского ввода. | Да | Да | Да | Да | Да | Да |
| <input> | Определяет элементы управления для пользовательского ввода различных данных в составе формы. | Да | Да | Да | Да | Да | Да |
| <textarea> | Представляет собой поле формы для создания области многострочного ввода (текстовая область). | Да | Да | Да | Да | Да | Да |
| <button> | Используется для размещения кнопки. | Да | Да | Да | Да | Да | Да |
| <select> | Позволяет создать раскрывающийся список. | Да | Да | Да | Да | Да | Да |
| <optgroup> | Используется для группировки связанных данных в раскрывающемся списке. | Да | Да | Да | Да | Да | Да |
| <option> | Определяет пункты раскрывающегося списка (параметры для выбора). | Да | Да | Да | Да | Да | Да |
| <label> | Служит текстовой меткой для элемента <input>. | Да | Да | Да | Да | Да | Да |
| <fieldset> | Служит для визуальной группировки элементов, размещенных внутри формы. | Да | Да | Да | Да | Да | Да |
| <legend> | Определяет заголовок для элемента <fieldset>. | Да | Да | Да | Да | Да | Да |
| <datalist> | Определяет список предопределенных вариантов для ввода. | 20.0 | 4.0 | 9.0 | Нет | 10.0 | 12.0 |
| <keygen> | Используется для генерации пары ключей — закрытого и открытого (для форм). | 1.0 | 1.0 | 3.0 | 1.2 | Нет | Нет |
| <output> | Определяет область, в которую выводится результат вычислений (обычно рассчитывается с помощью скриптов). | 10.0 | 4.0 | 11.0 | 5.1 | Нет | Нет |
Фреймы
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <frame> | Не поддерживается в HTML5. Определяет свойства отдельного окна (фрейма), который расположен в контейнере <frameset>. | Да | Да | Да | Да | Да | Да |
| <frameset> | Не поддерживается в HTML5. Структура (набор) фреймов на странице. | Да | Да | Да | Да | Да | Да |
| <noframes> | Не поддерживается в HTML5. Альтернативный контент для тех пользователей, которые не поддерживают фреймы. | Да | Да | Да | Да | Да | Да |
| <iframe> | Определяет встроенную в веб-страницу область, которая может отображать содержимое отдельно взятого документа (например *.pdf)/медиа контента или другого веб-сайта в заданном пространстве. | Да | Да | Да | Да | Да | Да |
Изображения
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <img> | Определяет изображение на странице. | Да | Да | Да | Да | Да | Да |
| <map> | Используется для определения изображения-карты. | Да | Да | Да | Да | Да | Да |
| <area> | Тег, который определяет интерактивную область в изображении-карте (элемент <map>), т.е. при клике на определённую область изображения происходят определённые действия, например, открывается отдельная страница с описанием данного участка изображения. | Да | Да | Да | Да | Да | Да |
| <canvas> | Элемент, предназначенный для создания растрового двухмерного изображения при помощи скриптов (обычно с использованием языка JavaScript). | 4.0 | 2.0 | 9.0 | 3.1 | 9.0 | 12.0 |
| <figcaption> | Выводит пояснение к фотографии или иллюстрации, которая находится внутри тега <figure>. | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
| <figure> | Применяется для обозначения контента, иллюстрирующего или поддерживающего определенную идею текста. | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
Аудио и Видео
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <audio> | Добавляет аудио-контент на страницу. | 4.0 | 3.5 | 10.5 | 4.0 | 9.0 | 12.0 |
| <source> | Позволяет указать несколько вариантов формата видео (в этом случае браузер сможет выбрать подходящий формат для загрузки и воспроизведения аудио и видео). | 4.0 | 3.5 | 10.5 | 4.0 | 9.0 | 12.0 |
| <track> | Добавляет субтитры к медиа-элементам. | 18.0 | 31.0 | 15.0 | 6.0 | 10.0 | 12.0 |
| <video> | Добавляет видео-контент на страницу. | 4.0 | 3.5 | 10.5 | 4.0 | 9.0 | 12.0 |
Ссылки
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <a> | Элемент предназначен для размещения гиперссылок. | Да | Да | Да | Да | Да | Да |
| <link> | Определяет связь между документом и внешним ресурсом, используется для ссылки на внешние таблицы стилей. | Да | Да | Да | Да | Да | Да |
| <nav> | Используется для обозначения содержимого в виде основных навигационных ссылок. | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
Списки
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <ul> | Определяет маркированный (неупорядоченный) список. | Да | Да | Да | Да | Да | Да |
| <ol> | Определяет нумерованный список. | Да | Да | Да | Да | Да | Да |
| <li> | Элемент списка. | Да | Да | Да | Да | Да | Да |
| <dir> | Не поддерживается в HTML5. Cоздает список, содержащий названия директорий (системные папки). Используйте вместо данного элемент <ul>. | Да | Да | Да | Да | Да | Да |
| <dl> | Определяет список описаний. | Да | Да | Да | Да | Да | Да |
| <dt> | Определяет имя/теримн в списке определений. | Да | Да | Да | Да | Да | Да |
| <dd> | Определяет значение в списке описаний. | Да | Да | Да | Да | Да | Да |
| <menu> | Определяет список / меню команд (контекстные меню). | Нет | 8.0 | Нет | Нет | Нет | Нет |
| <menuitem> | Элемент определяет команду/меню, которую пользователь может вызвать из контекстного меню. | Нет | 8.0 | Нет | Нет | Нет | Нет |
Таблицы
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <table> | Определяет содержимое таблицы. | Да | Да | Да | Да | Да | Да |
| <caption> | Определяет наименование таблицы. | Да | Да | Да | Да | Да | Да |
| <th> | Определяет заголовочную ячейку таблицы. | Да | Да | Да | Да | Да | Да |
| <tr> | Определяет строку таблицы. | Да | Да | Да | Да | Да | Да |
| <td> | Определяет ячейку данных таблицы. | Да | Да | Да | Да | Да | Да |
| <thead> | Используется для содержания заголовка группы в таблице (шапка таблицы). | Да | Да | Да | Да | Да | Да |
| <tbody> | Используется для содержания "тела" таблицы. | Да | Да | Да | Да | Да | Да |
| <tfoot> | Используется для содержания "подвала" таблицы (футер). | Да | Да | Да | Да | Да | Да |
| <col> | Определяет заданные свойства столбцов для каждого столбца в пределах тега <colgroup>. | Да | Да | Да | Да | Да | Да |
| <colgroup> | Определяет группу столбцов в таблице. | Да | Да | Да | Да | Да | Да |
Стили и семантика
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <style> | Элемент, который сообщает браузеру, что внутри него содержится код CSS (стиль). | Да | Да | Да | Да | Да | Да |
| <div> | Определяет любой отдельный блок содержимого и предназначен для деления веб-страницы на фрагменты. | Да | Да | Да | Да | Да | Да |
| <span> | Представляют из себя пустой контейнер. Применяется к внутренним (inline) элементам страницы, т.е. к словам, фразам, находящимся в пределах абзаца текста или оглавления. | Да | Да | Да | Да | Да | Да |
| <header> | Является признаком верхнего колонтитула или баннера, верхней части страницы, которая обычно содержит логотип, навигацию, относящуюся ко всему сайту, заголовок страницы с подзаголовком и т. д. | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
| <footer> | Содержит информацию, которая обычно помещается в нижнем колонтитуле страницы, например сведения об авторских правах, другую правовую информацию, некоторые ссылки для навигации по сайту и т. д. | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
| <main> | Предназначен для основного содержимого документа (основной контент). | 6.0 | 4.0 | 11.1 | 5.0 | Нет | 12.0 |
| <section> | Содержит группировку взаимосвязанного содержимого (раздел). | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
| <article> | Применяется для обозначения раздела страницы, содержащего завершенную, независимую композицию. Иными словами, «статью», такую как запись блога, товар в интернет-магазине или просто основной текст страницы. | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
| <aside> | Предназначен для обозначения содержимого, относящегося к окружающему этот тег содержимому. | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
| <details> | Определяет дополнительные детали, которые пользователь может отобразить или скрыть. | 12.0 | 48.0 | 15.0 | 6.0 | Нет | Нет |
| <dialog> | Создаёт диалоговое окно, с которым непосредственно работает пользователь для выполнения определенных действий. | 37.0 | Нет | 24.0 | 6.0 | Нет | Нет |
| <summary> | Определяет видимый заголовок для тега <details>. | 12.0 | 48.0 | 15.0 | 6.0 | Нет | Нет |
Метаданные
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <head> | Содержит информацию о документе (сведения о документе, которые не отображаются пользователю). | Да | Да | Да | Да | Да | Да |
| <meta> | Обеспечивает метаданные о HTML документе. Метаданные не отображаются на странице, но интерпретируются браузерами и поисковыми системами. | Да | Да | Да | Да | Да | Да |
| <base> | Определяет базовый абсолютный URL для всех относительных URL-адресов, содержащихся в документе (помещается внутри контейнера <head>). | Да | Да | Да | Да | Да | Да |
| <basefont> | Не поддерживается в HTML5. Определяет (по умолчанию) цвет, размер, шрифт для всего текста в документе. Используйте CSS вместо данного элемента. | Нет | Нет | Нет | Нет | Нет | Нет |
Программирование
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <script> | Элемент используется для определения сценария (скрипта) на стороне клиента (обычно JavaScript). | Да | Да | Да | Да | Да | Да |
| <noscript> | Альтернативный контент для тех пользователей, которые не поддерживают скрипты на стороне клиента (или их отключили). | Да | Да | Да | Да | Да | Да |
| <applet> | Не поддерживается в HTML5. Предназначен для вставки на страницу апплетов — небольших программ, выполняющих узкую задачу (написанных, как правило, на языке Java). Используйте вместо данного элемента <embed> или <object> | Нет | Да | Нет | Да | Да | Да |
| <embed> | Определяет контейнер для интерактивного контента. | Да | Да | Да | Да | Да | Да |
| <object> | Универсальный способ внедрения в страницу мультимедийного контента — видео, Flash-роликов, апплетов, изображений и даже веб-страниц. | Да | Да | Да | Да | Да | Да |
| <param> | Используется для определения параметров для плагинов, встроенных в элемент <object>. | Да | Да | Да | Да | Да | Да |