HTML Элементы по Категориям
Большинство HTML-элементов являются членами одной или нескольких категорий содержимого — эти категории группируют элементы, имеющие общие характеристики. Это свободная группировка (на самом деле она не создает отношения между элементами этих категорий), но они помогают определить и описать общее поведение категорий и связанные с ними правила, особенно когда вы сталкиваетесь с их сложными деталями. Элементы также могут не принадлежать ни к одной из этих категорий.
HTML Основные Элементы
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
<!--...--> |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет комментарий |
!DOCTYPE html |
|
В соответствии со спецификацией или стандартами HTML каждый HTML-документ требует объявления типа документа. |
|
html |
|
Определяет корень документа HTML |
|
head |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Содержит метаданные/информацию для документа |
title |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет заголовок для документа |
body |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет тело документа |
h1-h6 |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет заголовки документа |
p |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет абзац |
br |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет одиночный разрыв строки |
hr |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет тематическое изменение содержания |
HTML Элементы Форматирования
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
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 |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет выделенный текст. Данный тег был добавлен в HTML5 |
meter |
|
Определяет скалярное измерение в пределах известного диапазона (датчик). Данный тег был добавлен в HTML5 |
|
pre |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет предварительно отформатированный текст |
progress |
|
Представляет ход выполнения задачи. Данный тег был добавлен в HTML5 |
|
q |
|
Определяет короткую цитату |
|
rp |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет, что показывать в браузерах, которые не поддерживают рубиновые аннотации. |
rt |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет объяснение/произношение символов (для восточноазиатской типографики) |
ruby |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет рубиновую аннотацию (для восточноазиатской типографики). Данный тег был добавлен в HTML5 |
s |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет текст, который больше не является правильным |
samp |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет образец вывода из компьютерной программы |
small |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет меньший текст |
strike |
|
Определяет зачеркнутый текст. Не поддерживается в HTML5. Вместо этого используйте <del> или <s> |
|
strong |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет важный текст |
sub |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет подстрочный текст |
sup |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет надстрочный текст |
template |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет контейнер для содержимого, которое должно быть скрыто при загрузке страницы |
time |
|
Определяет конкретное время. Данный тег был добавлен в HTML5 |
|
tt |
|
Определяет текст телетайпа. Не поддерживается в HTML5. Вместо этого используйте CSS |
|
u |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет некоторый текст, который не артикулирован и оформлен иначе, чем обычный текст |
var |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет переменную |
wbr |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет возможный разрыв строки. Данный тег был добавлен в HTML5 |
HTML Элементы Формы
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
form |
|
accept-charset, action, autocomplete, enctype, method, name, novalidate, target |
Определяет HTML-форму для пользовательского ввода |
input |
|
accept, alt, autocomplete, autofocus, checked, dirname, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, height, list, max, maxlength, min, minlength, multiple, name, placeholder, readonly, required, size, src, step, type, value, width |
Определяет элемент управления вводом |
textarea |
|
autofocus, cols, dirname, disabled, form, maxlength, name, placeholder, readonly, required, rows, wrap |
Определяет элемент управления многострочным вводом (текстовая область) |
button |
|
autofocus, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, name, type, value |
Определяет кликабельную кнопку |
select |
|
Определяет раскрывающийся список |
|
optgroup |
|
Определяет группу связанных опций в раскрывающемся списке |
|
option |
|
Определяет параметр в раскрывающемся списке |
|
label |
|
Определяет метку для элемента <input> |
|
fieldset |
|
Группирует связанные элементы в форме |
|
legend |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет заголовок для элемента <fieldset> |
datalist |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Задает список предопределенных параметров для элементов управления вводом. Данный тег был добавлен в HTML5 |
output |
|
Определяет результат вычисления. Данный тег был добавлен в HTML5 |
HTML Элементы Фреймов
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
frame |
|
Определяет окно (фрейм) в наборе фреймов. Не поддерживается в HTML5 |
|
frameset |
|
Определяет набор кадров. Не поддерживается в HTML5 |
|
noframes |
|
Определяет альтернативный контент для пользователей, не поддерживающих фреймы. Не поддерживается в HTML5 |
|
iframe |
|
Определяет встроенный фрейм |
HTML Элементы Изображения
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
img |
|
Определяет изображение |
|
map |
|
Определяет карту изображения |
|
area |
|
shape, coords, href, hreflang, media, alt, download, rel, type, target |
Определяет область внутри карты изображения |
canvas |
|
Используется для рисования графики на лету с помощью сценариев (обычно JavaScript). Данный тег был добавлен в HTML5 |
|
figcaption |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет заголовок для элемента <figure> |
figure |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет автономный контент. Данный тег был добавлен в HTML5 |
picture |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет контейнер для нескольких ресурсов изображения |
svg |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет контейнер для графики SVG |
HTML Элементы Аудио и Видео
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
audio |
|
Определяет встроенный звуковой контент. Данный тег был добавлен в HTML5 |
|
source |
|
Определяет несколько медиа-ресурсов для медиа-элементов (<video> и <audio>) |
|
track |
|
default, kind, label, src, srclang |
Определяет текстовые дорожки для медиа-элементов (<video> и <audio>) |
video |
|
autoplay, controls, loop, preload, src, poster, height, width |
Определяет встроенный видеоконтент. Данный тег был добавлен в HTML5 |
HTML Элементы Ссылок
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
a |
|
Определяет гиперссылку |
|
link |
|
Определяет связь между документом и внешним ресурсом (чаще всего используется для ссылки на таблицы стилей) |
|
nav |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет навигационные ссылки. Данный тег был добавлен в HTML5 |
HTML Элементы Списков
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
ul |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет неупорядоченный список |
ol |
|
Определяет упорядоченный список |
|
li |
|
Определяет элемент списка |
|
dir |
|
Определяет список каталогов. Не поддерживается в HTML5. Вместо этого используйте <ul> |
|
dl |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет список описаний |
dt |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет термин/имя в списке описания |
dd |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет описание/значение термина в списке описаний |
HTML Элементы Таблицы
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
table |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет таблицу |
caption |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет заголовок таблицы |
th |
|
Определяет ячейку заголовка в таблице |
|
tr |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет строку в таблице |
td |
|
Определяет ячейку в таблице |
|
thead |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Группирует содержимое заголовка в таблице |
tbody |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Группирует содержимое тела в таблице |
tfoot |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Группирует содержимое нижнего колонтитула в таблице |
col |
|
Указывает свойства столбца для каждого столбца в элементе <colgroup> |
|
colgroup |
|
Указывает группу из одного или нескольких столбцов в таблице для форматирования |
HTML Семантические Элементы
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
style |
|
Определяет информацию о стиле для документа |
|
div |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет раздел в документе |
span |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет раздел в документе |
header |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет заголовок для документа или раздела. Данный тег был добавлен в HTML5 |
footer |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет нижний колонтитул для документа или раздела. Данный тег был добавлен в HTML5 |
main |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет основное содержание документа |
section |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет раздел в документе. Данный тег был добавлен в HTML5 |
article |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет статью. Данный тег был добавлен в HTML5 |
aside |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет содержимое отдельно от содержимого страницы. Данный тег был добавлен в HTML5 |
details |
|
Определяет дополнительные сведения, которые пользователь может просматривать или скрывать. Данный тег был добавлен в HTML5 |
|
dialog |
|
Определяет диалоговое окно или окно |
|
summary |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет видимый заголовок для элемента <details> |
data |
|
value |
Добавляет машиночитаемый перевод данного контента |
HTML Элементы Мета Информации
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
head |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Содержит метаданные/информацию для документа |
meta |
|
Определяет метаданные о HTML-документе |
|
base |
|
Указывает базовый URL/цель для всех относительных URL-адресов в документе |
|
basefont |
|
Задает цвет, размер и шрифт по умолчанию для всего текста в документе. Не поддерживается в HTML5. Вместо этого используйте CSS |
HTML Функциональные Элементы
Элемент | Синтаксис | Атрибуты | Описание |
---|---|---|---|
script |
|
async, defer, src, type, crossorigin |
Определяет клиентский скрипт |
noscript |
|
Не имеет своих атрибутов, только глобальные атрибуты |
Определяет альтернативный контент для пользователей, которые не поддерживают сценарии на стороне клиента |
applet |
|
Определяет встроенный апплет. Не поддерживается в HTML5. Вместо этого используйте <embed> или <object> |
|
embed |
|
Определяет контейнер для внешнего приложения. Данный тег был добавлен в HTML5 |
|
object |
|
Определяет контейнер для внешнего приложения |
|
param |
|
Определяет параметр для объекта |