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

2020©HTML5BOOK.RU

Встроенное содержимое
<picture></picture> контейнер для одного <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