Вернуться к HTML

Таблица тегов по разделам

В таблице приведен список HTML элементов с кратким описанием значений.

Основные теги:

ТегОписание
<!DOCTYPE>Определяет тип документа.
<html>Определяет, что документ написан на языке HTML.
<head>Содержит техническую системную информацию о документе. (метаданные)
<title>Определяет заголовок документа.
<body>Определяет тело (основной контент) HTML документа.
<h1> … <h6>Определяет HTML заголовки (от первого до шестого уровня).
<p>Определяет параграф.
<br>Устанавливает перевод строки.
<hr>Создает горизонтальную линию, или определяет тематическое разделение контента на странице.
<!— … —>Определяет комментарии.

Теги форматирования:

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

Теги форм:

ТегОписание
<form>Определяет форму в документе.
<input>Определяет элементы управления для пользовательского ввода различных данных в составе формы.
<textarea>Определяет текстовую область многострочного ввода.
<button>Используется для размещения кнопки внутри формы.
<select>Определяет раскрывающийся список.
<optgroup>Объединяет в одну группу связанные пункты в раскрывающемся списке.
<option>Содержит пункты раскрывающегося списка.
<label>Определяет текстовую метки для элемента <input>.
<fieldset>Группирует связанные элементы в форме.
<legend>Устанавливает заголовок для тега <fieldset>.
<datalist>Содержит список предопределенных вариантов для ввода.
<keygen>Генерирует пару ключей (открытый и закрытый), которые используются для шифрования и расшифровки данных форм.
<output>Определяет область для вывода результата вычислений.

Теги фреймов:

ТегОписание
<frame>Определяет область фрейма.
<frameset>Определяет структуру фреймов.
<noframes>Определяет альтернативный контент для показа пользователям в случае, если показ фреймов отключен или не поддерживается вовсе.
<iframe>Определяет встроенную в документ область, в которой может отображаться содержимое отдельно взятого документа.

Теги изображений:

ТегОписание
<img>Определяет изображение.
<map>Определяет карту-изображение.
<area>Определяет интерактивную область внутри карты-изображения.
<canvas>Создает растровое двухмерное изображение при помощи скриптов (обычно с использованием языка JavaScript).
<figcaption>Содержит заголовок элемента <figure>.
<figure>Содержит контент, иллюстрирующий или поддерживающего определенную идею текста.
<picture>Контейнер для элементов <source>, которые содержат альтернативные версии изображения.
<svg>Контейнер для SVG графики.

Теги аудио/видеофайлов:

ТегОписание
<audio>Определяет аудио контент.
<source>Содержит несколько форматов медиа элементов (<video>, <audio> и <picture>).
<track>Содержит субтитры для медиа элементов (<video> и <audio>).
<video>Определяет видео контент.

Теги ссылок:

ТегОписание
<a>Определяет гиперссылку.
<link>Устанавливает связь между документом и внешним ресурсом (в основном используется для ссылки на внешние таблицы стилей).
<nav>Определяет ссылки для навигации.

Теги списков:

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

Теги таблиц:

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

Теги для стилизации, семантические теги:

ТегОписание
<style>Содержит код CSS (стиль).
<div>Определяет область в HTML документе.
<span>Контейнер для inline элементов.
<header>Определяет верхний колонтитул, “шапку” страницы или раздела.
<footer>Определяет нижний колонтитул страницы или раздела.
<main>Определяет основной контент документа.
<section>Группирует логически связанный контент/создает разделы страницы.
<article>Обозначает раздела страницы, в котором содержится независимая, завершенная композиция с собственным смыслом.
<aside>Определяет раздел, в котором содержится информация, дополняющая основной отдел.
<details>Определяет дополнительные детали, которые пользователь может отобразить или скрыть.
<dialog>Создает диалоговое окно, с которым непосредственно работает пользователь для выполнения определенных действий.
<data>Содержит машинный аналог контента.
<summary>Определяет видимый заголовок для тега <details>.

Теги метаданных:

ТегОписание
<head>Содержит техническую информацию о документе, которая не показывается пользователю.
<meta>Содержит метаданные об HTML документе.
<base>Определяет базовый абсолютный URL для всех относительных URL-адресов в документе.
<basefont>Устанавливает по умолчанию цвет, размер, шрифт текста в документе.

Теги для определения кодов и скриптов:

ТегОписание
<script>Определяет область для ввода клиентских сценариев.
<noscript>Определяет альтернативный контент, который отображается в браузерах, не поддерживающих скрипты.
<applet>Используется для вставки в документ апплетов, небольших программ, написанных на языке Java.
<embed>Контейнер для интерактивного контента.
<object>Контейнер для мультимедийного контента (видео, Flash-ролики, апплеты, изображения и т.д.)
<param>Определяет параметры для плагинов, встроенных в элемент <object>.

Нестандартные теги:

ТегОписание
<multicol>Задает количество колонок, ширину и расстояние между колонками в многоколоночном тексте.
<spacer>Создает пустое пространство по вертикали или горизонтали.
<comment>Добавляет комментарий в код документа.
<marquee>Создает бегущую строку на странице.
<bgsound>Определяет музыкальный файл, который будет проигрываться на веб-странице.
<plaintext>Отображает содержимое контейнера «как есть».
<noembed>Тег предназначен для отображения информации на веб-странице, если браузер не поддерживает работу с плагинами.
<nobr>Уведомляет браузер отображать текст без переносов.
<blink>Устанавливает мигание текста.