В HTML довольно много тегов, и эти теги постоянно вытесняются при выпуске новых версий. Ниже приведен полный список стандартных тегов, принадлежащих к последним спецификациям HTML5 и XHTML 1.1.

Все теги сгруппированы по категориям. Если вы хотите узнать больше о каком-либо из этих тегов, попробуйте щелкнуть по нему, и вы перейдете к руководству в одном из темных уголков HTML.

Содержание

Базовая структура

Тег Описание
<!DOCTYPE html> Объявление типа документа – сообщает вашему браузеру, какую версию HTML вы используете. Убедитесь, что вы используете правильный DOCTYPE, иначе ваша страница может отображаться некорректно.
<a> Определяет гиперссылку.
<article>  Определяет статью.
<aside>  Определяет некоторый контент, слабо связанный с содержимым страницы.
<body> Определяет тело документа.
<br> Создает одинарный разрыв строки.
<details>  Представляет виджет, из которого пользователь может получать дополнительную информацию или элементы управления по запросу.
<div> Задает раздел или раздел в документе.
<head> Определяет заголовок документа, содержащий информацию о документе.
<header>  Представляет заголовок документа или раздела.
<hgroup>  Определяет группу заголовков.
<h1> to <h6> Определяет заголовки HTML.
<hr> Проведите горизонтальную линию.
<html> Определяет корень HTML-документа.
<footer>  Представляет нижний колонтитул документа или раздела.
<main>  Представляет основное или доминирующее содержимое документа.
<nav>  Определяет раздел навигационных ссылок.
<p> Определяет абзац.
<section>  Определяет раздел документа, например заголовок, нижний колонтитул и т. Д.
<span> Определяет встроенный раздел документа без стиля.
<summary>  Определяет сводку для <details>элемента.

Метаданные

Тег Описание
<base> Определяет базовый URL-адрес для всех относительных URL-адресов в документе.
<basefont> Устаревший Определяет базовый шрифт для страницы. Вместо этого используйте CSS.
<link> Определяет связь между текущим документом и внешним ресурсом.
<meta> Предоставляет структурированные метаданные о содержимом документа.
<style> Вставляет информацию о стиле (обычно CSS) в заголовок документа.
<title> Определяет заголовок документа.

Формы

Тег Описание
<button> Создает интерактивную кнопку.
<datalist>  Представляет набор предварительно определенных параметров для <input>элемента.
<dialog>  Определяет диалоговое окно или подокно.
<fieldset> Задает набор связанных полей формы.
<form> Определяет HTML-форму для ввода пользователем.
<input> Определяет элемент управления вводом.
<keygen>  Представляет элемент управления для создания пары открытого и закрытого ключей.
<label> Определяет метку для элемента <input>управления.
<legend> Определяет заголовок для <fieldset>элемента.
<meter>  Представляет скалярное измерение в известном диапазоне.
<optgroup> Определяет группу связанных параметров в списке выбора.
<option> Определяет параметр в списке выбора.
<select> Определяет список выбора в форме.
<textarea> Определяет элемент управления вводом многострочного текста (текстовая область).

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

Тег Описание
<abbr> Определяет сокращенную форму более длинного слова или фразы.
<acronym> Устаревший Определяет акроним. <abbr>Вместо этого используйте .
<address> Задает контактную информацию автора.
<b> Текст отображается жирным шрифтом.
<bdi>  Представляет текст, который изолирован от своего окружения для целей двунаправленного форматирования текста.
<bdo> Переопределяет текущее направление текста.
<big> Устаревший Отображает текст большого размера. Вместо этого используйте CSS.
<blockquote> Представляет раздел, цитируемый из другого источника.
<center> Устаревший Выровняйте содержимое по центру. Вместо этого используйте CSS.
<cite> Обозначает цитату или ссылку на другой источник.
<code> Задает текст как компьютерный код.
<data>  Связывает фрагмент контента с машиночитаемым переводом.
<del> Представляет текст, который был удален из документа.
<dfn> Задает определение.
<em> Определяет выделенный текст.
<font> Устаревший Определяет шрифт, цвет и размер текста. Вместо этого используйте CSS.
<i> Текст отображается курсивом.
<ins> Определяет блок текста, который был вставлен в документ.
<kbd> Задает текст для ввода с клавиатуры.
<mark>  Представляет текст, выделенный для справки.
<output>  Представляет результат вычисления.
<pre> Определяет блок предварительно отформатированного текста.
<progress>  Представляет ход выполнения задачи.
<q> Определяет короткую встроенную цитату.
<rp>  Предоставляет откатные скобки для браузеров, которые не поддерживают рубиновые аннотации.
<rt>  Определяет произношение символа, представленного в рубиновой аннотации.
<ruby>  Представляет рубиновую аннотацию.
<s> Представляет содержимое, которое больше не является точным или более не актуальным.
<samp> Задает текст как образец вывода компьютерной программы.
<small> Отображает текст меньшего размера.
<strike> Устаревший Отображает текст зачеркнутым. Используйте <del>или <s>вместо.
<strong> Обозначьте сильно подчеркнутый текст.
<sub> Определяет текст с нижним индексом.
<sup> Определяет надстрочный текст.
<tt> Устаревший Отображает текст в стиле телетайпа.
<u> Отображает текст с подчеркиванием.
<var> Определяет переменную.
<wbr>  Представляет возможность разрыва строки.

Списки

Тег Описание
<dd> Задает описание или значение для термина ( <dt>) в списке описаний ( <dl>).
<dir> Устаревший Определяет список каталогов. <ul>Вместо этого используйте .
<dl> Определяет список описаний.
<dt> Определяет термин (элемент) в списке описания.
<li> Определяет элемент списка.
<ol> Определяет упорядоченный список.
<menu> Представляет список команд.
<menuitem>  Определяет список (или пункт меню) команд, которые может выполнять пользователь.
<ul> Определяет неупорядоченный список.

Таблицы

Тег Описание
<caption> Определяет заголовок или заголовок таблицы.
<col> Определяет значения атрибутов для одного или нескольких столбцов в таблице.
<colgroup> Задает атрибуты для нескольких столбцов в таблице.
<table> Определяет таблицу данных.
<tbody> Группирует набор строк, определяющих основную часть данных таблицы.
<td> Определяет ячейку в таблице.
<tfoot> Группирует набор строк, суммирующих столбцы таблицы.
<thead> Группирует набор строк, описывающих метки столбцов таблицы.
<th> Определяет ячейку заголовка в таблице.
<tr> Определяет ряд ячеек в таблице.

Сценарии

Тег Описание
<noscript> Определяет альтернативный контент, отображаемый, когда браузер не поддерживает сценарии.
<script> Помещает сценарий в документ для обработки на стороне клиента.
<template>  Определяет фрагменты HTML, которые должны быть скрыты при загрузке страницы, но могут быть клонированы и вставлены в документ с помощью JavaScript.

Встроенное содержимое

Тег Описание
<applet> Устаревший Встраивает Java-апплет (мини-приложения Java) на страницу. <object>Вместо этого используйте .
<area> Определяет определенную область на карте изображения.
<audio>  Встраивает звук или аудиопоток в документ HTML.
<canvas>  Определяет область в документе, которую можно использовать для рисования графики на лету с помощью сценариев (обычно JavaScript).
<embed>  Встраивает внешнее приложение, обычно мультимедийный контент, такой как аудио или видео, в документ HTML.
<figcaption>  Определяет заголовок или легенду для рисунка.
<figure>  Представляет собой рисунок, показанный как часть документа.
<frame> Устаревший Определяет отдельный фрейм в наборе фреймов.
<frameset> Устаревший Определяет набор фреймов или другой набор фреймов.
<iframe> Отображает URL-адрес во встроенном фрейме.
<img> Представляет изображение.
<map> Определяет карту изображений на стороне клиента.
<noframes> Устаревший Определяет альтернативное содержимое, отображаемое в браузерах, не поддерживающих фреймы.
<object> Определяет внедренный объект.
<param> Определяет параметр для объекта или элемента апплета.
<picture>  Определяет контейнер для нескольких источников изображений.
<source>  Определяет альтернативные медиаресурсы для таких медиаэлементов, как <audio>или <video>.
<svg>  Встраивайте содержимое SVG (масштабируемая векторная графика) в документ HTML.
<time>  Представляет время и / или дату.
<track>  Определяет текстовые дорожки для таких мультимедийных элементов, как <audio>или <video>.
<video>  Встраивает видеоконтент в HTML-документ.