HTML – Список основных тегов
Представленные ниже списком html-теги были введены в более старых версиях HTML, но все теги, помеченные , являются частью HTML 5.
| Тег | Описание | Версия |
| <!—…—> | Комментарий | |
| <!DOCTYPE> | Тип html-документа | |
| <a> | Ссылка | |
| <abbr> | Аббревиатура | |
| <acronym> | Сокращение (аббревиатура) | |
| <address> | Адрес (контактная информация) | |
| <applet> | Апплет (устаревший) | |
| <area> | Область внутри карты изображения | |
| <article> | Статья | |
| <aside> | Некоторый контент, который слабо связан с содержимым страницы или сайта | |
| <audio> | Звуковой контент | |
| <b> | Жирный текст | |
| <base> | Базовый URL для всех ссылок на странице | |
| <basefont> | Базовый шрифт (устаревший) | |
| <bdo> | Направление текстового отображения | |
| <bdi> | Текст, который должен быть изолирован от окружения для двунаправленного форматирования текста, это позволяет встраивать диапазон текста с другой или неизвестной направленностью | |
| <bgsound> | Фоновая музыка | |
| <big> | Большой текст | |
| <blink> | Текст, который мигает | |
| <blockquote> | Длинная цитата | |
| <body> | Элемент страницы body | |
| <br> | Один разрыв строки | |
| <button> | Кнопка | |
| <canvas> | Создание графики со сценарием | |
| <caption> | Заголовок таблицы | |
| <center> | Центрирование текста (устаревший) | |
| <cite> | Цитата | |
| <code> | Компьютерный код | |
| <col> | Атрибут столбцов таблицы | |
| <colgroup> | Группа столбцов таблицы | |
| <comment> | Комментарий в документе | |
| <datalist> | Список параметров входных значений | |
| <dd> | Описание определения | |
| <del> | Удаленный текст | |
| <dfn> | Термин определения | |
| <dialog> | Диалоговое окно | |
| <dir> | Список каталога (устаревший) | |
| <div> | Контейнер в документе | |
| <dl> | Список определений | |
| <dt> | Термин определения | |
| <em> | Выделенный текст, отображается курсивом | |
| <embed> | Контейнер для внешнего (не HTML) приложения, интерактивного контента или плагина | |
| <fieldset> | Набор полей | |
| <figcaption> | Подпись для тега <figure> | |
| <figure> | Автономный контент | |
| <font> | Шрифт, размер и цвет шрифта (устаревший) | |
| <footer> | Нижний колонтитул для документа или раздела | |
| <form> | Форма | |
| <frame> | Вспомогательное окно (фрейм) | |
| <frameset> | Набор кадров | |
| <h2>-<h6> | Заголовок 1-6 | |
| <head> | Информация о странице | |
| <header> | Верхний колонтитул для документа или раздела | |
| <hr> | Горизонтальная линия | |
| <html> | HTML-документ | |
| <i> | Курсивный текст | |
| <iframe> | Встроенное вспомогательное окно (фрейм) | |
| <ilayer> | Встроенный слой | |
| <img> | Изображение | |
| <input> | Поле ввода | |
| <ins> | Вставленный текст | |
| <isindex> | Однострочное поле ввода (устаревший) | |
| <kbd> | Текст, который должен быть введен с клавиатуры | |
| <keygen> | Генерация ключей в форме | |
| <label> | Метка для элемента управления формой | |
| <layer> | Слой | |
| <legend> | Заголовок в наборе полей | |
| <li> | Элемент списка | |
| <link> | Ссылка на ресурс | |
| <main> | Основной или важный контент в документе, не более одного элемента на странице | |
| <map> | Карта изображения | |
| <mark> | Текст для справочных целей, выделенный желтым фоном | |
| <marquee> | Область прокрутки текста | |
| <menu> | Список меню (устаревший) | |
| <menuitem> | Элемент команды/меню, который пользователь может вызывать из всплывающего меню | |
| <meta> | Метаданные html-документа, который не отображается на странице | |
| <meter> | Скалярное измерение в пределах известного диапазона (калибр) | |
| <multicol> | Многоколоночный текстовый поток | |
| <nav> | Раздел, который содержит только ссылки для навигации | |
| <nobr> | В прилагаемом тексте не допускается никаких прерываний | |
| <noembed> | Контент, который будет отображаться браузерами, которые не поддерживают тег <embed> | |
| <noframes> | Секция noframe | |
| <noscript> | Секция, не поддерживающая сценарий (скрипт) | |
| <object> | Встроенный объект | |
| <ol> | Упорядоченный нумерованный список | |
| <optgroup> | Группа параметров | |
| <option> | Параметр в раскрывающемся списке | |
| <output> | Результат вычисления | |
| <p> | Абзац | |
| <param> | Параметр для объекта | |
| <plaintext> | Показывать оставшуюся часть документа в виде предварительно отформатированного открытого текста (устаревший) | |
| <pre> | Предварительно отформатированный текст | |
| <progress> | Ход выполнения задачи | |
| <q> | Короткая цитата | |
| <rp> | Альтернативный текст в браузерах, которые не поддерживают элемент ruby | |
| <rt> | Текстовая аннотация элемента ruby | |
| <ruby> | Контейнер для восточно-азиатских символов | |
| <s> | Зачеркнутый текст (устаревший) | |
| <samp> | Пример компьютерного кода, скрипта или системных сообщений | |
| <script> | Скрипт | |
| <section> | Раздел в документе | |
| <select> | Выбираемый список | |
| <spacer> | Пробел | |
| <small> | Маленький текст | |
| <source> | Медиа-ресурсы, определенные внутри элементов video или audio | |
| <span> | Контейнер для строчных элементов в документе | |
| <strike> | Зачеркнутый текст (устаревший) | |
| <strong> | Полужирный текст | |
| <style> | Встраиваемая таблица стиля | |
| <sub> | Подстрочный текст | |
| <summary> | Сводка, подпись или условное обозначение для <details> | |
| <sup> | Надстрочный текст | |
| <table> | Таблица | |
| <tbody> | Тело таблицы | |
| <td> | Ячейка таблицы | |
| <textarea> | Текстовая область | |
| <tfoot> | Нижний колонтитул таблицы | |
| <th> | Заголовок ячейки таблицы | |
| <thead> | Заголовок таблицы | |
| <time> | Дата и время <details> | |
| <title> | Заголовок документа | |
| <tr> | Строка таблицы | |
| <track> | Субтитры, используемые в медиаплеере | |
| <tt> | Текст телетайпа | |
| <u> | Подчеркнутый текст (устаревший) | |
| <ul> | Маркированный список | |
| <var> | Переменная | |
| <video> | Видео-файл |
Источник: HTML — Tag Reference.
HTML справочник | Теги HTML
|
|
HTML справочник — это список HTML тегов определенных в спецификации HTML 5. Список тегов редактируется по мере изменения спецификации (обновляется информация и о самих тегах и об их атрибутах).
Для удобства все HTML теги разбиты на категории, согласно их назначению. Если вам нужен како-то конкретный тег, то в левом меню теги отсортированы в алфавитном порядке.
Вставляемый контент
- audio — звуковое содержимое
- canvas — область для рисования графики посредством сценариев
- embed — область для внешнего приложения или интерактивного содержимого
- area — активная область внутри карты-изображения
- iframe — встроенный фрейм
- img — изображение/картинка
- map — карта-изображение
- object — внешний подключаемый ресурс
- param — значения параметров для объекта (используется внутри элемента <object>)
- source — звуковой/видео файл для тегов <audio> и <video>
- track — текстовые дорожки для медиа элементов (<audio> и <video>)
- video — видео файл
Интерактивные элементы
- details — скрыть/показать дополнительную информацию
- menu — определяет список/меню команд
- summary — заголовок для элемента <details>
Комментарии
- <!— —> — комментарий
Корневой элемент
- html — корневой элемент
Метаданные документа
Метаданные — структурированная информация о веб-странице, размещаемая внутри HTML-документа в элементе head.
- doctype — тип документа
- base — указывает базовый URL для всех ссылок имеющих относительный URL-адрес на странице
- head — контейнер для метаданных документа
- link — связь текущего документа с внешним файлом
- meta — метаданные
- style — стилевая информация
- title — название документа
Разделы документа
- address — контактная информация автора документа/статьи
- article — статья
- aside — определяет контент в стороне от содержимого страницы
- blockquote — длинная цитата
- body — тело документа
- div — контейнер для элементов
- figcaption — подпись к содержимому элемента <figure>
- figure — контейнер для группировки контента (обычно используется с элементом <figcaption>)
- footer — нижний колонтитул (нижняя часть документа или раздела)
- header — верхний колонтитул (верхняя часть документа или раздела)
- hr — горизонтальная линия
- main — контейнер с основным контентом
- nav — раздел навигационных ссылок
- section — раздел документа
Списки
- dd — описание термина в списке определений
- dl — список определений
- dt — термин в списке определений
- li — пункт списка
- ol — нумерованный (упорядоченный) список
- ul — маркированный (неупорядоченный) список
Ссылки
- a — определяет гиперссылку
Сценарии
- noscript — альтернативный контент для браузеров без поддержки сценариев
- script — клиентский сценарий
Таблицы
- caption — заголовок для таблицы
- col — указывает стилевую информацию для одной или более колонок таблицы
- colgroup — указывает общую стилевую информацию для группы колонок в таблице
- table — таблица
- tbody — основное содержимое (средняя часть) таблицы
- td — ячейка таблицы
- tfoot — нижняя часть таблицы
- th — заголовочная ячейка таблицы
- thead — верхняя часть таблицы
Текст
- abbr — аббревиатура
- b — выделяет текст жирным шрифтом
- bdi — изолирует фрагмент текста для изменения его направления вывода
- bdo — переопределяет текущее направление текста
- br -разрыв строки
- cite — название работы (название книги, музыки, фильма, и т.
д.) - code — определяет кусок программного кода (моноширинный текст)
- del — определяет текст, который был удален из документа (перечеркнутый текст)
- dfn — определения термина (текст с наклонным начертанием)
- em — выделенный текст (текст с наклонным начертанием)
- h2-h6 — заголовки
- i — преобразует текст в курсивный (текст с наклонным начертанием)
- ins — определяет текст, который был добавлен в документ (отображает текст подчеркнутым)
- kbd — определяет текст вводимый с клавиатуры (моноширинный текст)
- mark — определяет важную часть текста
- p — абзац
- pre — предварительно отформатированный текст
- q — определяет короткую цитату
- rp — определяет, что показывать браузеру, который не поддерживает тег <ruby>
- rt — определяет объяснение/произношение символов, используется внутри тега <ruby>
- ruby — определяет небольшую аннотацию (для типографии Восточной Азии)
- s — определяет текст, который больше не является правильным
- samp — моноширинный текст
- small — текст маленького размера
- span — контейнер для строчного содержимого
- strong — определяет важный текст (преобразует шрифт в полужирный)
- sub — определяет текст в нижнем индексе (подстрочный текст)
- sup — определяет текст в верхнем индексе (надстрочный текст)
- time — определяет время/дату
- u — подчеркнутый текст
- var — определяет переменную (текст с наклонным начертанием)
- wbr — определяет возможный перенос строки в тексте
д.)Формы
- button — определяет интерактивную кнопку
- datalist — список вариантов, которые можно выбирать при наборе в текстовом поле ввода
- fieldset — контейнер для объединения элементов формы
- form — форма для отправки введенных пользователем данных
- input — определяет способ пользовательского вода
- keygen — используется для генерации пары ключей
- label — метка для элемента формы
- legend — заголовок для элемента <fieldset>
- meter — определяет скалярное измерение в пределах известного диапазона
- optgroup — определяет группу связанных логически элементов списка в выпадающем списке
- option — вариант выбора в выпадающем списке
- output — определяет область, в которую выводится результат расчета
- progress — отображает текущий прогресс выполнения задачи
- select — выпадающий список
- textarea — многострочное текстовое поле
Если вы только собираетесь начать изучать HTML, то одна из первых вещей, которые следует запомнить – специальные термины.
Два из них будут встречаться наиболее часто – это «тег» и «элемент».
Термины «HTML элемент» и «HTML тег» обычно используются как синонимы. Но в соответствии со спецификацией W3C элемент – это тег со всем его содержимым, включая открывающий и закрывающий теги. У некоторых элементов нет закрывающего тега, такие элементы называются одиночными или пустыми, но несмотря на то, что они не могут содержать в себе никакого контента, они все равно считаются полноценными элементами.
На страницах сайта понятия тега и элемента используются для обозначения одного и того же – структурной единицы языка HTML, которая применяется для разметки документа.
Если вы желаете узнать больше о создании веб страниц, тегах и их применении, то можете заглянуть в наш Самоучитель по HTML.
наверх
Справочник по HTML
❮ Главная Следующий ❯
| Тег | Описание |
|---|---|
| Определяет комментарий | |
| Определяет тип документа | |
| <а> | Определяет гиперссылку |
| <сокращение> | Определяет аббревиатуру или акроним |
| <акроним> | Не поддерживается в HTML5. Вместо этого используйте . Определяет акроним |
| <адрес> | Определяет контактную информацию для автора/владельца документа |
| <апплет> | Не поддерживается в HTML5. Вместо этого используйте |
| <область> | Определяет область внутри карты изображения |
| <артикул> | Определяет артикул |
| <в сторону> | Определяет содержимое помимо содержимого страницы |
| <аудио> | Определяет встроенный звуковой контент |
| Определяет полужирный текст | |
| <база> | Указывает базовый/целевой URL-адрес для всех относительных URL-адресов в документе |
| <базовый шрифт> | Не поддерживается в HTML5. Вместо этого используйте CSS. |
| Изолирует часть текста, которая может быть отформатирована в другом направлении из другого текста вне его | |
| Переопределяет текущее направление текста | |
| <большой> | Не поддерживается в HTML5. Вместо этого используйте CSS. Определяет большой текст |
| <цитата> | Определяет раздел, цитируемый из другого источника |
| <тело> | Определяет тело документа |
| | Определяет одиночный разрыв строки |
| <кнопка> | Определяет нажимаемую кнопку |
| <холст> | Используется для рисования графики на лету с помощью сценариев (обычно JavaScript) |
| <заголовок> | Определяет заголовок таблицы |
| <центр> | Не поддерживается в HTML5. Вместо этого используйте CSS. Определяет центрированный текст |
| <цитировать> | Определяет название произведения |
| <код> | Определяет часть компьютерного кода |
| <кол> | Указывает свойства столбца для каждого столбца в элементе |
| Указывает группу из одного или нескольких столбцов в таблице для форматирования | |
| <данные> | Добавляет машиночитаемый перевод данного контента |
| <список данных> | Указывает список предопределенных параметров для элементов управления вводом |
| <дд> | Определяет описание/значение термина в списке описаний |
| <удалить> | Определяет текст, который был удален из документа |
| <детали> | Определяет дополнительные сведения, которые пользователь может просматривать или скрывать. |
| Указывает термин, который будет определен в содержимом | |
| <диалог> | Определяет диалоговое окно или окно |
| <каталог> | Не поддерживается в HTML5. Вместо этого используйте
Определяет список каталогов |
| <дел> | Определяет раздел в документе |
| <дл> | Определяет список описаний |
| <дт> | Определяет термин/имя в списке описаний |
| Определяет выделенный текст | |
| <вставить> | Определяет контейнер для внешнего приложения |
| <набор полей> | Группирует связанные элементы в форме |
| Определяет заголовок для элемента | |
| <рисунок> | Задает автономный контент |
| <шрифт> | Не поддерживается в HTML5. Вместо этого используйте CSS. Определяет шрифт, цвет и размер текста |
| <нижний колонтитул> | Определяет нижний колонтитул для документа или раздела |
| <форма> | Определяет форму HTML для пользовательского ввода |
| <кадр> | Не поддерживается в HTML5. Определяет окно (фрейм) в наборе фреймов |
| <набор кадров> | Не поддерживается в HTML5. Определяет набор кадров |
Отдо | Определяет заголовки HTML |
| <голова> | Содержит метаданные/информацию для документа |
| <заголовок> | Определяет заголовок для документа или раздела |
| <час> | Определяет тематическое изменение содержания |
| Определяет корень документа HTML | |
| <я> | Определяет часть текста в другом голосе или настроении |