В таблице приведен список 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> | Устанавливает мигание текста. |