HTML 5.2. теги (имя тега, описание, значение свойства display)

Метаданные документа
<html></html> корневой элемент html-документаblock
<head></head> контейнер для метаданных html-документаnone
<title></title> заголовок / имя html-документаnone
<base> базовый url-адрес, относительно которого вычисляются относительные адресаnone
<link> подключает внешние таблицы стилейnone
<meta> мета-данные веб-страницыnone
<style></style> подключает таблицы стилейnone
Секционные элементы
<body></body> тело html-документаblock
<article></article> раздел контента, образующий независимую часть документа или сайтаblock
<section></section> логическая область (раздел) страницы, обычно с заголовкомblock
<nav></nav> раздел документа, содержащий навигационные ссылки по сайтуblock
<aside></aside> контент страницы, имеющий косвенное отношение к основному контентуblock
<h1></h1> - <h6></h6> заголовки шести уровнейblock
<header></header> секция для вводной информации сайта или группы навигационных ссылокblock
<footer></footer> секция для нижнего колонтитула документа или разделаblock
Группировка содержимого
<p></p> параграфы в текстеblock
<address></address> контактные данные автора документа или статьиblock
<hr> горизонтальная линияblock
<pre></pre> выводит текст с пробелами и переносамиblock
<blockquote></blockquote> большая цитатаblock
<ol></ol> упорядоченный нумерованный списокblock
<ul></ul> маркированный списокblock
<li></li> элемент спискаlist-item
<dl></dl> контейнер для термина и его описанияblock
<dt></dt> задаёт терминblock
<dd></dd> расшифровывает терминblock
<figure></figure> независимый контейнер для такого контента как изображения, диаграммы и т.п.block
<figcaption></figcaption> заголовок для элемента <figure>block
<main></main> контейнер для уникального основного содержимого в пределах одной страницы сайтаblock
<div></div> контейнер для разделов html-документа, группирует блочные элементыblock
Табличные данные
<table></table> html-таблицаtable
<caption></caption> подпись к таблицеtable-caption
<colgroup></colgroup> контейнер для одного или нескольких <col>table-column-group
<col> выбирает для форматирования столбцыtable-column
<thead></thead> блок заголовков таблицыtable-header-group
<tbody></tbody> тело таблицыtable-row-group
<tfoot></tfoot> нижний колонтитул таблицыtable-footer-group
<tr></tr> строка таблицыtable-row
<th></th> заголовок столбца таблицыtable-cell
<td></td> ячейка таблицыtable-cell
Интерактивные элементы
<details></details> контейнер с дополнительными сведениями, который можно открыть или закрытьblock
<summary></summary> видимый заголовок для элемента <details>block
<dialog></dialog> диалоговое окно, инспектор или окно block
Скрипты
<script></script> подключает сценарии к страницеnone
<noscript></noscript> секция, не поддерживающая скриптblock
<template></template> фрагменты HTML-кода, которые могут быть клонированы и вставлены в документ скриптом none
<canvas></canvas> холст-контейнер для динамического отображения изображенийinline-block

2019©HTML5BOOK.RU

Встроенное содержимое
<picture></pictire> контейнер для одного <img> и ноль или больше <source> inline
<source> местоположение и тип альтернативных медиаресурсов для элементов <picture>, <video>, <audio> none
<img> html-изображенияinline
<iframe></iframe> создаёт встроенный фреймblock
<embed> встраивает внешний интерактивный контент или плагинinline-block
<object></object> контейнер для встраивания мультимедиаinline-block
<param> задаёт параметры для плагинов, встраиваемых с помощью элемента <object>none
<audio></audio> добавляет аудио-файлыinline-block
<video></video> добавляет видео-файлыinline-block
<track> субтитры для элементов <audio> и <video>none
<map></map> активные области на карте-изображенииinline
<area> гиперссылка с текстом или активная область внутри карты-изображенияinline
Семантика текста
<a></a> гиперссылкаinline
<em></em> выделяет важные фрагменты текста курсивомinline
<strong></strong> выделяет полужирным важный текстinline
<small></small> отображает текст шрифтом меньшего размераinline
<s></s> перечёркивает неактуальный текстinline
<cite></cite> источник цитированияinline
<q></q> краткая цитатаinline
<dfn></dfn> выделяет термин курсивомinline
<abbr></abbr> аббревиатура или акронимnone
<ruby></ruby> контейнер для Восточно-Азиатских символов и их расшифровкиinline
<rb></rb> обертка для аннотации inline
<rp></rp> тег для скобок вокруг символовnone
<rt></rt> расшифровка символовblock
<rtc></rtc> обертка для дополнительной аннотации inline
<data></data> связывает содержимое с машиночитаемым переводом inline
<time></time> дата / время документа или статьиinline
<code></code> фрагмент программного кодаinline
<var></var> выделяет переменные из программinline
<samp></samp> результат выполнения сценарияinline
<kbd></kbd> текст, вводимый пользователем с клавиатурыinline
<sub></sub> подстрочное написание символовinline
<sup></sup> надстрочное написание символовinline
<i></i> выделяет текст курсивом без акцентаinline
<b></b> задает полужирное начертание отрывка текста, без дополнительного акцентаinline
<u></u> выделяет отрывок текста подчёркиванием, без дополнительного акцентаinline
<mark></mark> выделяет фрагменты текста желтым фономinline
<bdi></bdi> изолирует текст, читаемый справа налевоinline
<bdo></bdo> задаёт направление написания текстаinline
<span></span> контейнер для строчных элементовinline
<br> перенос текста на новую строкуnone
<wbr> возможное место разрыва длинной строкиnone
Правки в тексте
<del></del> перечёркивает текст, помечая как удаленныйinline
<ins></ins> подчёркивает изменения в текстеinline
Формы
<form></form> html-форма block
<label></label> текстовая метка для элемента <input> inline
<input> многофункциональные поля формы inline-block
<button></button> интерактивная кнопкаinline-block
<select></select> элемент управления с выбором значений из предложенных вариантов <option> inline-block
<datalist></datalist> контейнер для выпадающего списка элемента <input> с <option>-значениями none
<optgroup></optgroup> контейнер с заголовком для группы элементов <option>block
<option></option> вариант (опция) в раскрывающемся спискеblock
<textarea> многострочное поле формы inline-block
<output></output> поле для вывода результата вычисленияinline
<progress></progress> индикатор выполнения задачиinline-block
<meter></meter> индикатор измерения в заданном диапазонеinline-block
<fieldset></fieldset> группирует связанные элементы в формеblock
<legend></legend> заголовок элементов формы, сгруппированных с помощью <fieldset>block