HTML справочник

Базовый HTML

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<!DOCTYPE>Декларация, которая определяет тип документа, помогая браузеру отобразить веб-страницу правильно.ДаДаДаДаДаДа
<html>Сообщает браузеру, что необходимо прочитать документ как программный код, написанный на языке HTML.ДаДаДаДаДаДа
<title>Обеспечивает название для документа.ДаДаДаДаДаДа
<body>Определяет видимое содержимое страницы.ДаДаДаДаДаДа
<h1> Определяет заголовок первого уровня. ДаДаДаДаДаДа
<h2> Определяет заголовок второго уровня.ДаДаДаДаДаДа
<h3> Определяет заголовок третьего уровня.ДаДаДаДаДаДа
<h4> Определяет заголовок четвертого уровня.ДаДаДаДаДаДа
<h5> Определяет заголовок пятого уровня.ДаДаДаДаДаДа
<h6> Определяет заголовок шестого уровня.ДаДаДаДаДаДа
<p>Определяет параграф.ДаДаДаДаДаДа
<br>Устанавливает перевод строки в том месте, где этот тег обозначен.ДаДаДаДаДаДа
<hr> Тэг создает горизонтальную линию на HTML-странице, может использоваться в роли тематического разрыва.ДаДаДаДаДаДа
<!--...-->Тег комментария. Используются для временного отключения кода, либо в качестве подсказки. Текст внутри комментария не отображается браузером на странице. ДаДаДаДаДаДа

Форматирование

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<acronym>Не поддерживается в HTML5.
Определяет акроним. Используйте вместо данного элемента <abbr>.
ДаДаДаДаДаДа
<abbr>Определяет аббревиатуру или акроним. Маркировка сокращений является полезной информацией для браузеров, систем перевода и поисковиков.ДаДаДаДаДаДа
<address>Определяет контактную информацию (автор / владелец) документа или статьи.ДаДаДаДаДаДа
<b>Определяет жирное начертание текста.ДаДаДаДаДаДа
<bdi>html5Изолирует фрагмент текста, который отформатирован в другом направлении, то есть позволяет браузерам корректно обрабатывать двунаправленный текст. Этот элемент полезно использовать при отображении текста с разной направленностью.ДаДаДаДаНетНет
<bdo>Используется для переопределения текущего направления текста (устанавливает направление вывода текста и преимущественно предназначен для использования с языками, где чтение происходит справа налево, например - арабский).ДаДаДаДаДаДа
<big>Не поддерживается в HTML5.
Шрифт, который отображается большего размера. Используйте CSS вместо данного элемента.
ДаДаДаДаДаДа
<blockquote>Определяет блочную цитату (длинная цитата внутри документа). Текст внутри этого тега отображается как выровненный блок с отступами слева и справаДаДаДаДаДаДа
<center>Не поддерживается в HTML5.
Определяет текст, который выровнен по центру. Используйте CSS вместо данного элемента.
ДаДаДаДаДаДа
<cite>Предназначен для выделения названия произведений (по умолчанию - курсивом).ДаДаДаДаДаДа
<code>Предназначен для выделения части компьютерного кода (по умолчанию представлен моноширинным шрифтом).ДаДаДаДаДаДа
<del>Перечёркнутый (удалённый) текстДаДаДаДаДаДа
<dfn>Используется, когда в документе упоминается новый термин или слово (первое и поясняемое употребление). По умолчанию, оно выделяется курсивом.ДаДаДаДаДаДа
<em>Экспрессивно-эмоциональное выделение текстаДаДаДаДаДаДа
<font>Не поддерживается в HTML5.
Определяет цвет, размер и шрифт для текста. Используйте CSS вместо данного элемента.
ДаДаДаДаДаДа
<i>Курсивное начертание текстаДаДаДаДаДаДа
<ins>Подчёркнутый текст, вставленный в документ.ДаДаДаДаДаДа
<kbd>Вводимые пользователем нажатия клавиш или текст, набираемый на клавиатуре. ДаДаДаДаДаДа
<mark>html5Выделенный/подсвеченный текст.6.04.011.15.09.012.0
<meter>html5Предназначен для отображения скалярной величины в заданном диапазоне, или же для графического представления дробного числа. Для использования данного тега должно быть известно максимальное значение.8.06.011.06.0Нет13.0
<pre>Определяет предварительно отформатированный текст, т.е. текст, который был помещён внутрь тега отобразится со шрифтом фиксированной ширины, и сохранит как пробелы, так и разрывы строкДаДаДаДаДаДа
<progress>html5Предоставляет обратную связь, сообщая о состоянии текущего процесса, отображает какая часть задачи выполнена.8.016.011.06.010.012.0
<q>Используется для выделения коротких цитат (строчная цитата).ДаДаДаДаДаДа
<rp>html5Определяет, что отображать браузеру, который не поддерживает тег <ruby>5.038.015.05.05.512.0
<rt>html5Помещает полезный текст фуриганы в составе элемента <ruby>5.038.015.05.05.512.0
<ruby>html5Используются для добавления фуриган (фонетические подсказки в японском языке, их также называют - руби или ёмигана).5.038.015.05.05.512.0
<s>Определяет текст, который больше не является правильным или актуальным.ДаДаДаДаДаДа
<samp>Результат вывода компьютерной программы или скрипта.ДаДаДаДаДаДа
<small>Шрифт, который отображается меньшим размером(мелкий/юридический шрифт).ДаДаДаДаДаДа
<strike>Не поддерживается в HTML5.
Отображает перечеркнутый текст. Используйте вместо данного элемента тег <del> или тег <s>
ДаДаДаДаДаДа
<strong>Текст, которому придают особое значение (важный текст).ДаДаДаДаДаДа
<sub>Текст с нижним индексом. ДаДаДаДаДаДа
<sup>Текст с верхним индексом.ДаДаДаДаДаДа
<time>html5Тег временной разметки (семантическая разметка).6.04.011.15.09.012.0
<tt>Не поддерживается в HTML5.
Отображает шрифт моноширинным текстом. Используйте CSS вместо данного элемента.
ДаДаДаДаДаДа
<u>Содержит в себе текст, который должен стилистически отличаться от обычного текста, например слова с орфографическими ошибками или текст на другом языке.ДаДаДаДаДаДа
<var>Математические/переменные величины.ДаДаДаДаДа12.0
<wbr>html5Предоставляет возможность указать браузеру, что при необходимости в этом месте можно сделать перенос строки (например, слишком длинное слово или URL).1.03.011.74.0НетДа

Формы

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<form>Определяет HTML форму для пользовательского ввода.ДаДаДаДаДаДа
<input> Определяет элементы управления для пользовательского ввода различных данных в составе формы.ДаДаДаДаДаДа
<textarea>Представляет собой поле формы для создания области многострочного ввода (текстовая область).ДаДаДаДаДаДа
<button>Используется для размещения кнопки.ДаДаДаДаДаДа
<select>Позволяет создать раскрывающийся список.ДаДаДаДаДаДа
<optgroup>Используется для группировки связанных данных в раскрывающемся списке.ДаДаДаДаДаДа
<option>Определяет пункты раскрывающегося списка (параметры для выбора).ДаДаДаДаДаДа
<label>Служит текстовой меткой для элемента <input>.ДаДаДаДаДаДа
<fieldset>Служит для визуальной группировки элементов, размещенных внутри формы.ДаДаДаДаДаДа
<legend>Определяет заголовок для элемента <fieldset>.ДаДаДаДаДаДа
<datalist>html5Определяет список предопределенных вариантов для ввода.20.04.09.0Нет10.012.0
<keygen>html5Используется для генерации пары ключей — закрытого и открытого (для форм).1.01.03.01.2НетНет
<output>html5Определяет область, в которую выводится результат вычислений (обычно рассчитывается с помощью скриптов).10.04.011.05.1НетНет

Фреймы

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<frame> Не поддерживается в HTML5.
Определяет свойства отдельного окна (фрейма), который расположен в контейнере <frameset>.
ДаДаДаДаДаДа
<frameset>Не поддерживается в HTML5.
Структура (набор) фреймов на странице.
ДаДаДаДаДаДа
<noframes>Не поддерживается в HTML5.
Альтернативный контент для тех пользователей, которые не поддерживают фреймы.
ДаДаДаДаДаДа
<iframe>Определяет встроенную в веб-страницу область, которая может отображать содержимое отдельно взятого документа (например *.pdf)/медиа контента или другого веб-сайта в заданном пространстве.ДаДаДаДаДаДа

Изображения

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<img>Определяет изображение на странице.ДаДаДаДаДаДа
<map>Используется для определения изображения-карты.ДаДаДаДаДаДа
<area>Тег, который определяет интерактивную область в изображении-карте (элемент <map>), т.е. при клике на определённую область изображения происходят определённые действия, например, открывается отдельная страница с описанием данного участка изображения.ДаДаДаДаДаДа
<canvas>html5Элемент, предназначенный для создания растрового двухмерного изображения при помощи скриптов (обычно с использованием языка JavaScript).4.02.09.03.19.012.0
<figcaption>html5Выводит пояснение к фотографии или иллюстрации, которая находится внутри тега <figure>.6.04.011.15.09.012.0
<figure>html5Применяется для обозначения контента, иллюстрирующего или поддерживающего определенную идею текста.6.04.011.15.09.012.0

Аудио и Видео

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<audio>html5Добавляет аудио-контент на страницу.4.03.510.54.09.012.0
<source>html5Позволяет указать несколько вариантов формата видео (в этом случае браузер сможет выбрать подходящий формат для загрузки и воспроизведения аудио и видео).4.03.510.54.09.012.0
<track>html5Добавляет субтитры к медиа-элементам.18.031.015.06.010.012.0
<video>html5Добавляет видео-контент на страницу.4.03.510.54.09.012.0

Ссылки

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<a>Элемент предназначен для размещения гиперссылок.ДаДаДаДаДаДа
<link>Определяет связь между документом и внешним ресурсом, используется для ссылки на внешние таблицы стилей.ДаДаДаДаДаДа
<nav>html5Используется для обозначения содержимого в виде основных навигационных ссылок.6.04.011.15.09.012.0

Списки

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<ul>Определяет маркированный (неупорядоченный) список.ДаДаДаДаДаДа
<ol>Определяет нумерованный список.ДаДаДаДаДаДа
<li>Элемент списка.ДаДаДаДаДаДа
<dir>Не поддерживается в HTML5.
Cоздает список, содержащий названия директорий (системные папки). Используйте вместо данного элемент <ul>.
ДаДаДаДаДаДа
<dl>Определяет список описаний. ДаДаДаДаДаДа
<dt>Определяет имя/теримн в списке определений.ДаДаДаДаДаДа
<dd>Определяет значение в списке описаний.ДаДаДаДаДаДа
<menu>Определяет список / меню команд (контекстные меню).Нет8.0НетНетНетНет
<menuitem>html5Элемент определяет команду/меню, которую пользователь может вызвать из контекстного меню.Нет8.0НетНетНетНет

Таблицы

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<table>Определяет содержимое таблицы.ДаДаДаДаДаДа
<caption>Определяет наименование таблицы.ДаДаДаДаДаДа
<th>Определяет заголовочную ячейку таблицы.ДаДаДаДаДаДа
<tr>Определяет строку таблицы.ДаДаДаДаДаДа
<td>Определяет ячейку данных таблицы.ДаДаДаДаДаДа
<thead>Используется для содержания заголовка группы в таблице (шапка таблицы).ДаДаДаДаДаДа
<tbody>Используется для содержания "тела" таблицы.ДаДаДаДаДаДа
<tfoot>Используется для содержания "подвала" таблицы (футер).ДаДаДаДаДаДа
<col>Определяет заданные свойства столбцов для каждого столбца в пределах тега <colgroup>.ДаДаДаДаДаДа
<colgroup>Определяет группу столбцов в таблице.ДаДаДаДаДаДа

Стили и семантика

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<style>Элемент, который сообщает браузеру, что внутри него содержится код CSS (стиль).ДаДаДаДаДаДа
<div>Определяет любой отдельный блок содержимого и предназначен для деления веб-страницы на фрагменты.ДаДаДаДаДаДа
<span>Представляют из себя пустой контейнер. Применяется к внутренним (inline) элементам страницы, т.е. к словам, фразам, находящимся в пределах абзаца текста или оглавления.ДаДаДаДаДаДа
<header>html5Является признаком верхнего колонтитула или баннера, верхней части страницы, которая обычно содержит логотип, навигацию, относящуюся ко всему сайту, заголовок страницы с подзаголовком и т. д.6.04.011.15.09.012.0
<footer>html5Содержит информацию, которая обычно помещается в нижнем колонтитуле страницы, например сведения об авторских правах, другую правовую информацию, некоторые ссылки для навигации по сайту и т. д. 6.04.011.15.09.012.0
<main>html5Предназначен для основного содержимого документа (основной контент).6.04.011.15.0Нет12.0
<section>html5Содержит группировку взаимосвязанного содержимого (раздел).6.04.011.15.09.012.0
<article>html5Применяется для обозначения раздела страницы, содержащего завершенную, независимую композицию. Иными словами, «статью», такую как запись блога, товар в интернет-магазине или просто основной текст страницы.6.04.011.15.09.012.0
<aside>html5Предназначен для обозначения содержимого, относящегося к окружающему этот тег содержимому.6.04.011.15.09.012.0
<details>html5Определяет дополнительные детали, которые пользователь может отобразить или скрыть.12.048.015.06.0НетНет
<dialog>html5Создаёт диалоговое окно, с которым непосредственно работает пользователь для выполнения определенных действий.37.0Нет24.06.0НетНет
<summary>html5Определяет видимый заголовок для тега <details>.12.048.015.06.0НетНет

Метаданные

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<head>Содержит информацию о документе (сведения о документе, которые не отображаются пользователю).ДаДаДаДаДаДа
<meta>Обеспечивает метаданные о HTML документе. Метаданные не отображаются на странице, но интерпретируются браузерами и поисковыми системами.ДаДаДаДаДаДа
<base>Определяет базовый абсолютный URL для всех относительных URL-адресов, содержащихся в документе (помещается внутри контейнера <head>).ДаДаДаДаДаДа
<basefont>Не поддерживается в HTML5.
Определяет (по умолчанию) цвет, размер, шрифт для всего текста в документе. Используйте CSS вместо данного элемента.
НетНетНетНетНетНет

Программирование

ТегОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<script>Элемент используется для определения сценария (скрипта) на стороне клиента (обычно JavaScript).ДаДаДаДаДаДа
<noscript>Альтернативный контент для тех пользователей, которые не поддерживают скрипты на стороне клиента (или их отключили).ДаДаДаДаДаДа
<applet>Не поддерживается в HTML5.
Предназначен для вставки на страницу апплетов — небольших программ, выполняющих узкую задачу (написанных, как правило, на языке Java). Используйте вместо данного элемента <embed> или <object>
НетДаНетДаДаДа
<embed>html5Определяет контейнер для интерактивного контента. ДаДаДаДаДаДа
<object>Универсальный способ внедрения в страницу мультимедийного контента — видео, Flash-роликов, апплетов, изображений и даже веб-страниц.ДаДаДаДаДаДа
<param>Используется для определения параметров для плагинов, встроенных в элемент <object>.ДаДаДаДаДаДа