Метаданные документа |
||
| <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 |
Встроенное содержимое |
||
| <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 |
Таблицю взято з сайту html5book.ru/examples/html-tags.html
