Теги HTML
| Тег | Описание |
|---|---|
| Тег <!-- --> | Используется для добавления комментариев |
| Тег <!DOCTYPE> | Объявляет тип документа |
a
| Тег | Описание |
|---|---|
| Тег <a> | Создаёт ссылку, гиперссылку или якорь |
| Тег <abbr> | Определяет текст как аббревиатуру или акроним |
| Тег <acronym> | Определяет текст как акроним. Устарел и не поддерживается в HTML5. Вместо него используйте тег <abbr> |
| Тег <address> | Контактная информация автора/владельца документа или статьи |
| Тег <applet> | Определяет встроенный апплет. Устарел и не поддерживается в HTML5. Вместо него используйте теги <embed> или <object> |
| Тег <area> | Определяет область на карте-изображении или активную область внутри карты-изображения |
| Тег <article> | Раздела страницы, содержащий завершенную, независимую композицию |
| Тег <aside> | Контент в стороне, где содержимое не является основным на странице по смыслу |
| Тег <audio> | Загружает звуковой контент на веб-страницу |
b
| Тег | Описание |
|---|---|
| Тег <b> | Задает полужирное начертание текста и не несет смысловой нагрузки (в том числе для поисковых систем) |
| Тег <base> | Задает базовый URL-адрес или атрибут target для относительных ссылок в документе |
| Тег <basefont> | Задает цвет, размер и шрифт по умолчанию для всего текста в документе. Устарел и не поддерживается в HTML5. Вместо него используйте CSS стили |
| Тег <bdi> | Изолирует отрывок текста, написанный на языке, в котором чтение текста происходит справа налево, от остального текста |
| Тег <bdo> | Устанавливает направление текста в выбранном фрагменте |
| Тег <bgsound> | Определяет музыкальный файл, который будет проигрываться на веб-странице при её открытии. Устарел и не поддерживается в HTML5. Вместо него используйте тег <audio> |
| Тег <big> | Увеличивает размер текст на одну условную единицу. Устарел и не поддерживается в HTML5. Вместо него используйте CSS стили |
| Тег <blink> | Устанавливает мигание текста. Устарел и не поддерживается в HTML5. Вместо него используйте CSS стили |
| Тег <blockquote> | Выделяет текст как цитату, применяется для описания больших цитат |
| Тег <body> | Указывает область тела документа (контент) |
| Тег <br> | Переносит текст на новую строку |
| Тег <button> | Создает кликабельную кнопку. Тег может содержать текст или изображение |
c
| Тег | Описание |
|---|---|
| Тег <canvas> | Используется для создания разных объектов (рисунков, анимации, фото композиции и т.д.) при помощи Javascript скриптов |
| Тег <caption> | Устанавливает заголовок к таблице |
| Тег <center> | Выравнивает содержимое по центру относительно родительского элемента. Устарел и не поддерживается в HTML5. Вместо него используйте CSS стили |
| Тег <cite> | Определяет название творческой работы (книги, статьи, поэмы, сценария, фильма, песни, оперы, игры и др.) |
| Тег <code> | Отображает одну или несколько строк текста, который представляет собой программный код |
| Тег <col> | Задает характеристики колонок в таблице |
| Тег <colgroup> | Определяет группу из одной или более колонок таблицы для форматирования |
| Тег <command> | Устанавливает команду, срабатывающую при активации элемента. Нестандартный элемент и браузерами не поддерживается |
| Тег <comment> | Добавляет комментарий в код документа, который не отображается в браузере. Устарел и не поддерживается в HTML5. Вместо него используйте тег <!-- --> |
d
| Тег | Описание |
|---|---|
| Тег <data> | Представляет содержимое в машиночитаемом виде |
| Тег <datalist> | Задает список предварительно заданных параметров для элементов управления вводом |
| Тег <dd> | Устанавливает описание термина |
| Тег <del> | Помечает текст как удаленный, перечёркивая его |
| Тег <details> | Определяет дополнительную информацию, которую пользователь может просмотреть или скрыть |
| Тег <dfn> | Указывает, что содержимое является термином |
| Тег <dialog> | Определяет диалоговое окно/интерактивный элемент в котором можно выводить сообщение или форму |
| Тег <dir> | Определяет список директорий (системных папок). Устарел и не поддерживается в HTML5. Вместо него используйте тег <ul> |
| Тег <div> | Группирует элементы документа с целью изменения вида содержимого через CSS стили |
| Тег <dl> | Элемент-контейнер, внутри которого находятся термин и его описание |
| Тег <dt> | Используется для задания термина |
e
| Тег | Описание |
|---|---|
| Тег <em> | Выделяет важные фрагменты текста, отображая их курсивом |
| Тег <embed> | Контейнер для загрузки и отображения объектов (видеофайлов, флэш-роликов, некоторых звуковых файлов и т.д.) |
f
| Тег | Описание |
|---|---|
| Тег <fieldset> | Группа связанных элементов в форме |
| Тег <figcaption> | Заголовок/описание для тега <figure> |
| Тег <figure> | Контейнер для группирования любых элементов (иллюстраций, фрагментов кода, схем, графиков, диаграмм и др.) |
| Тег <font> | Определяет шрифт, цвет и размер текста. Устарел и не поддерживается в HTML5. Вместо него используйте CSS стили |
| Тег <footer> | Определяет нижний колонтитул («подвал») веб-сайта или раздела |
| Тег <form> | Используется для создания формы на веб-странице |
| Тег <frame> | Определяет область в окне браузера, фрейм, куда можно загрузить другую веб-страницу. Устарел и не поддерживается в HTML5. Вместо него используйте тег <iframe> |
| Тег <frameset> | Определяет структуру фреймов на веб-странице. Устарел и не поддерживается в HTML5. Вместо него используйте тег <iframe> |
h
| Тег | Описание |
|---|---|
| Тег <h1>-<h6> | Заголовки разного уровня: <h1>, <h2>, <h3>, <h4>, <h5> и <h6>. Тег <h1> является наиболее важным заголовком первого уровня, а тег <h6> служит для обозначения заголовка шестого уровня и является наименее значимым |
| Тег <head> | Предназначен для хранения основных элементов HTML-документа, цель которых сообщать браузерам и поисковым системам техническую информацию о веб-странице (заголовок документа, метаданные, стили, ссылки и т.д.) |
| Тег <header> | Задаёт «шапку» сайта или верхнюю часть раздела веб-страницы |
| Тег <hgroup> | Используется для группирования заголовков веб-страницы или раздела. Устарел и не поддерживается в HTML5 |
| Тег <hr> | Горизонтальная линия, которая по своему виду зависит от используемых параметров, а также браузера |
| Тег <html> | Контейнер, в котором находится всё содержимое веб-страницы |
i
| Тег | Описание |
|---|---|
| Тег <i> | Устанавливает курсивный текст и не воспринимается как важный браузерами и поисковыми машинами |
| Тег <iframe> | Создаёт встроенный фрейм, который находится внутри обычного документа |
| Тег <img> | Добавляет на веб-страницу изображение в графическом формате GIF, JPEG, SVG, PNG или WebP |
| Тег <input> | Создает многофункциональные поля формы, в которых можно создавать разные части интерфейса и обеспечивать взаимодействие с пользователем |
| Тег <ins> | Выделяет текст подчеркиванием. Применяется для текста, который был добавлен в новую версию документа |
| Тег <isindex> | Отображает в текущем документе строки поиска по сайту. Устарел и не поддерживается в HTML5. Для установки однострочного поля для ввода следует использовать тег <input> в сочетании с тегом <label> |
k
| Тег | Описание |
|---|---|
| Тег <kbd> | Текст введенный с клавиатуры или названия кнопок клавиатуры |
| Тег <keygen> | Отвечает за генерацию пары ключей (открытый и закрытый). Элемент устарел и больше не используется |
l
| Тег | Описание |
|---|---|
| Тег <label> | Устанавливает связь между определённой меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>) |
| Тег <legend> | Заголовок элементов формы, сгруппированных с помощью тега <fieldset> |
| Тег <li> | Элемент маркированного или нумерованного списка |
| Тег <link> | Устанавливает связь с внешним документом, например с файлом CSS стилей |
| Тег <listing> | Предназначен для вывода листинга программ или кода. Устарел и не поддерживается в HTML5. Вместо него используйте тег <code> |
m
| Тег | Описание |
|---|---|
| Тег <main> | Контейнер для основного содержимого документа |
| Тег <map> | Создаёт активные области на карте-изображении. Является контейнером для тега <area> |
| Тег <mark> | Выделяет фрагменты текста, помечая их желтым фоном |
| Тег <marquee> | Cоздаёт горизонтальную и вертикальную анимацию текста на странице в виде бегущей строки. Устарел и мы не советуем его применять. Вместо него используйте CSS стили или JavaScript |
| Тег <menu> | Контейнер для списка пунктов меню |
| Тег <menuitem> | Определяет элементы, которые пользователь может вызвать из контекстного меню Тег считается устаревшим, и мы не рекомендуем его использовать. Вместо него используйте тег <li> |
| Тег <meta> | Используется для определения мета-данных HTML документа |
| Тег <meter> | Индикатор измерения в виде заполняемой шкалы в указанном диапазоне |
| Тег <multicol> | задаёт количество колонок, ширину и расстояние между ними в многоколоночном тексте. Устарел и мы не рекомендуем его применять. Вместо него используйте CSS свойство columns |
n
| Тег | Описание |
|---|---|
| Тег <nav> | Контейнер для навигационных элементов по веб-странице или по всему сайту |
| Тег <nobr> | Отображает текст без переносов, одной строкой. Является не стандартным HTML тегом и мы не советуем его применять. Вместо него используйте CSS свойство "white-space: nowrap;" |
| Тег <noembed> | Используется вместе с тегом <embed> и служит для размещения альтернативной информации, которая выведется на экран, если браузер не поддерживает работу с плагинами. Является не стандартным HTML тегом и мы не советуем его применять. Вместо него используйте тег <object> |
| Тег <noframes> | Используется вместе с тегом <frame> и служит для отображения в браузере информации, когда фрейм не поддерживается. Устарел и не поддерживается в HTML5. Вместо тега <frame> используйте контейнер <iframe> |
| Тег <noindex> | Запрещает индексировать то, что вложено внутри данного элемента. Устарел и не поддерживается в HTML5. Вместо него используйте тег <noscript> |
| Тег <noscript> | Показывает своё содержимое, если браузер не поддерживает работу со скриптами или их поддержка отключена пользователем |
o
| Тег | Описание |
|---|---|
| Тег <object> | Сообщает браузеру, как загружать и отображать объекты, которые исходно браузер не понимает |
| Тег <ol> | Устанавливает нумерованный (упорядоченный) список |
| Тег <optgroup> | Определяет группу связанных параметров в раскрывающемся списке. Контейнер, внутри которого располагаются теги <option> |
| Тег <option> | Определяет отдельные пункты в раскрывающемся списке |
| Тег <output> | Определяет область, в которую выводится результат вычислений или действий пользователя (обычно рассчитывается с помощью скриптов) |
p
| Тег | Описание |
|---|---|
| Тег <p> | Определяет текстовый абзац |
| Тег <param> | Используется для определения параметров плагинов. Является устаревшим и мы не советуем его использовать |
| Тег <picture> | Контейнер, содержащий один тег <img> и один или более тегов <source>. |
| Тег <plaintext> | Отображает содержимое контейнера (все теги внутри него) как обычный текст. Устарел и не поддерживается в HTML5. Вместо него используйте тег <pre> или <code> |
| Тег <portal> | Позволяет встроить другую HTML-страницу в текущую. Экспериментальная технология, ещё в разработке |
| Тег <pre> | Выводит текст без форматирования, с сохранением пробелов и переносов текста |
| Тег <progress> | Отображает индикатор, показывающий ход выполнения задачи |
q
| Тег | Описание |
|---|---|
| Тег <q> | Определяет краткую цитату |
r
| Тег | Описание |
|---|---|
| Тег <rb> | Используется для разграничения основного текстового компонента аннотации. |
| Тег <rp> | Определяет альтернативный текст для браузеров, которые не поддерживают тег <ruby> |
| Тег <rt> | Добавляет аннотацию сверху или снизу от текста, заключенного в контейнер <ruby> |
| Тег <rtc> | Обозначает текстовый контейнер внутри тега <ruby>. Является устаревшим и мы не советуем его использовать |
| Тег <ruby> | Предназначен для добавления небольшой аннотации сверху или снизу от заданного текста |
s
| Тег | Описание |
|---|---|
| Тег <s> | Используется для содержимого, которое уже не является точным или актуальным. |
| Тег <samp> | Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения |
| Тег <script> | Предназначен для описания скриптов, может содержать ссылку на программу или её текст на определённом языке |
| Тег <search> | Предназначен для представления результатов поиска. Экспериментальная технология, ещё в разработке |
| Тег <section> | Определяет логическую область (раздел) страницы, обычно с заголовком |
| Тег <select> | Определяет выпадающий список или список с множественным выбором |
| Тег <slot> | Представляет собой заполнитель внутри веб-компонента |
| Тег <small> | Отображает текст шрифтом меньшего размера |
| Тег <source> | Указывает местоположение и тип альтернативных медиаресурсов <video>, <audio> и <picture> |
| Тег <spacer> | Добавляет пустое пространство по вертикали или горизонтали. Устарел и не поддерживается в HTML5. Вместо него используйте CSS стили |
| Тег <span> | Контейнер для строчных элементов. Предназначен для выделения отдельных строк, символов или других строчных элементов для дальнейшего изменения их оформления с помощью CSS стилей |
| Тег <strike> | Отображает текст как перечёркнутый. Устарел и не поддерживается в HTML5. Вместо него используйте теги <del>, <s> или CSS стили |
| Тег <strong> | Используется для выделения жирным начертанием важного текста |
| Тег <style> | Применяется для вставки в HTML-документ CSS кода |
| Тег <sub> | Отображает текст в виде нижнего индекса |
| Тег <summary> | Создаёт видимый заголовок для контейнера <details> |
| Тег <sup> | Отображает текст в виде верхнего индекса |
t
| Тег | Описание |
|---|---|
| Тег <table> | Контейнер для тегов, определяющих содержимое таблицы |
| Тег <tbody> | Используется для группирования основного контента в таблице |
| Тег <td> | Используется для создания одной ячейки таблицы |
| Тег <template> | Используется для объявления фрагментов HTML-документа, которые могут быть клонированы и вставлены в документ с помощью скриптов |
| Тег <textarea> | Создаёт большое поле для ввода текста |
| Тег <tfoot> | Контейнер для нижнего колонтитула HTML-таблицы |
| Тег <th> | Создает заголовок ячейки таблицы |
| Тег <thead> | Контейнер для верхнего колонтитула HTML-таблицы |
| Тег <time> | Используется для указания даты и/или времени |
| Тег <title> | Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера |
| Тег <tr> | Контейнер для создания строки в таблице |
| Тег <track> | Указывает текстовую дорожку (субтитры) для медийных элементов <audio> и <video> |
| Тег <tt> | Отображает текст моноширинным шрифтом. Устарел и мы не рекомендуем его применять. Вместо него используйте теги <kbd>, <var>, <code>, <samp> или CSS стили |
u
| Тег | Описание |
|---|---|
| Тег <u> | Выделяет отрывок текста подчёркиванием, без дополнительного акцента |
| Тег <ul> | Устанавливает маркированный (неупорядоченный) список |
v
| Тег | Описание |
|---|---|
| Тег <var> | Используется для определения математических или переменных величин |
| Тег <video> | Загружает видео контент на веб-страницу |
w
| Тег | Описание |
|---|---|
| Тег <wbr> | Указывает браузеру возможное место разрыва длинной строки |