Таблица HTML тегов

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

Базовые теги

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

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

Теги форматирования используются для визуального и логического выделения фрагментов текста.

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

Теги форм

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

Теги для фреймов

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

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

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

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

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

Теги ссылок

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

Теги списков

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

Теги таблиц

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

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

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

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

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

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

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





Похожие статьи