HTML теги
Теги это строительные блоки в HTML. Все что можно увидеть на веб-странице и с чем можно взаимодействовать реализовано при помощи тегов HTML.
Теги имеют следующий формат: <имя_тега атрибут1=»значение» атрибут2=»значение»>данные</имя_тега> (например, <a href=’something.html’ title=’something’>Ссылка</a>) или <имя_тега атрибут1=»значение» атрибут2=»значение» /> (например, <input type=»text» name=»bob» />).
В данном справочнике содержится информация обо всех тегах HTML 4.01 и HTML5 с описанием, примерами и атрибутами.
Базовые теги
| <!—…—> | Вставляет комментарии |
| body | Определяет тело HTML документа |
| br | Вставляет разрыв строки |
| DOCTYPE | Декларация типа HTML документа |
| h2-h6 | Определяют HTML заголовки |
| hr | Определяет тематический разрыв контента |
| html | Определяет, что это HTML-документ |
| p | Определяет текстовый параграф |
| title | Определяет титульный заголовок страницы |
Ссылки
| a | Определяет гипертекстовую ссылку |
| link | Определяет ссылку на внешний ресурс |
| nav | Определяет набор ссылок навигации |
Форматирование
| abbr | Определяет аббревиатуру |
| acronym | Определяет акроним |
| address | Определяет информацию об авторе статьи или документа |
| b | Определяет жирное начертание текста |
| bdi | Изолирует текст от изменения направления вывода |
| bdo | Устанавливает направление вывода текста |
| big | Увеличивает размер текста |
| blockquote | Определяет цитату внутри документа |
| center | Используется для выравнивания текста по центру |
| cite | Определяет название работы, цитату или сноску на другой документ |
| Определяет программный код | |
| del | Определяет удаленный текст |
| dfn | Определяет первое появление нового термина |
| em | Определяет акцентированный текст |
| font | Определяет характеристики шрифта текст |
| i | Устанавливает начертание текста курсивом |
| ins | Определяет новый добавленный текст |
| kbd | Определяет текст, набранный на клавиатуре |
| mark | Определяет выделенный текст |
| meter | Определяет оценочный индикатор |
| pre | Определяет заранее форматированный текст |
| progress | Определяет индикатор прогресса выполнения задачи |
| q | Определяет короткую цитату внутри документа |
| rp | Определяет текст для вывода в браузерах, не поддерживающих элемент <ruby> |
| rt | Определяет небольшую аннотацию к тексту |
| ruby | Предназначен для добавления небольшой аннотации |
| s | Определяет нерелевантный текст |
| samp | Определяет текст, который является результатом вывода компьютерной программы |
| small | Уменьшает размер текста |
| strike | Определяет перечеркнутый текст |
| strong | Определяет важный текст |
| sub | Определяет текст в виде нижнего индекса |
| sup | Определяет текст в виде верхнего индекса |
| time | Определяет дату/время |
| tt | Определяет телетайпный текст |
| u | Определяет подчеркнутый текст |
| var | Определяет переменную компьютерной программы |
| wbr | Определяет место для переноса строки в тексте |
Программные объекты
| applet | Вставляет в код страницы Java апплет |
| embed | Определяет контейнер для внешнего приложения |
| noscript | Определяет контент, который будет отображаться, если браузер не поддерживает скрипты |
| object | Вставляет в код страницы программный объект |
| param | Определяет параметры для программных объектов |
| script | Определяет скрипты, исполняемые на стороне пользователя |
Изображения
| area | Определяет активные области в карте-изображении |
| canvas | Определяет область, в которой можно рисовать при помощи скриптов |
| figcaption | Определяет подпись к элементу <figure> |
| figure | Используется для группирования различных самодостаточных элементов |
| img | Вставляет изображение |
| map | Определяет карту-изображение |
Семантика и стили
| article | Определяет автономный контент |
| aside | Определяет блок сбоку от основного контента |
| details | Определяет дополнительную информацию |
| dialog | Создает диалоговое окно |
| div | Определяет блок кода HTML документа |
| footer | Определяет «подвал» документа или раздела |
| header | Определяет «шапку» документа или раздела |
| main | Определяет основное содержимое документа |
| section | Определяет раздел документа |
| span | Используется для группирования строчных элементов |
| style | Определяет CSS стили на уровне веб-страницы |
| summary | Определяет заголовок для элемента <details> |
Аудио и видео
| audio | Позволяет в браузере проигрывать звуковые файлы |
| source | Определяет медиа ресурс для медиа элементов |
| track | Определяет текстовую дорожку для медиа элементов |
| video | Позволяет в браузере проигрывать видео файлы |
Мета-информация
| base | Определяет базовые URL для ссылок на странице |
| basefont | Определяет цвет, размер и шрифт текста по умолчанию |
| head | Является контейнером для всех головных элементов документа |
| meta | Определяет мета-информацию о HTML документе |
Формы и элементы ввода
| button | Определяет кнопку формы |
| datalist | Определяет предопределенные варианты значений для элемента <input> |
| fieldset | Используется для группирования родственных элементов формы |
| form | Используется для создания HTML форм |
| input | Определяет поле ввода HTML формы |
| keygen | Определяет поле-генератор ключей |
| label | Определяет метку для элемента <input> |
| legend | Определяет заголовок для элемента <fieldset> |
| optgroup | Используется для группирования родственных вариантов выбора |
| option | Определяет отдельные пункты в выпадающем списке выбора |
| output | Представляет результаты вычислительных операций |
| select | Используется для создания выпадающего списка |
| textarea | Определяет многострочное текстовое поле ввода |
Таблицы
| caption | Определяет пояснительный заголовок таблицы |
| col | Определяет свойства для каждого столбца таблицы |
| colgroup | Определяет группу из одного или более столбцов таблицы для форматирования |
| table | Определяет HTML таблицу |
| tbody | Группирует основное содержимое HTML таблицы |
| td | Определяет стандартную ячейку HTML таблицы |
| tfoot | Группирует содержимое нижнего колонтитула HTML таблицы |
| th | Определяет заголовочную ячейку HTML таблицы |
| thead | Группирует содержимое верхнего колонтитула HTML таблицы |
| tr | Определяет строку HTML таблицы |
Списки
| dd | Используется для создания определения термина в списке определений |
| dir | Определяет список директорий (системных папок) |
| dl | Создает список определений |
| dt | Создает термин в списке определений |
| li | Создает элемент списка |
| menu | Определяет список/меню команд |
| menuitem | Определяет команду/пункт меню |
| ol | Создает упорядоченный (нумерованный) список |
| ul | Создает неупорядоченный (маркированный) список |
Фреймы
| frame | Определяет фрейм внутри фреймовой структуры |
| frameset | Определяет фреймовую структуру |
| iframe | Определяет встроенный фрейм |
| noframes | Определяет информацию, которая выводится, когда нет поддержки фреймов |
HTML справочник.
Все теги по категории. W3Schools на русском. Основы HTML5 для начинающихКурс по основам HTML. W3Schools на русском языке. Уроки для начинающих
❮ Prev Next ❯
HTML теги упорядоченные по категории
= Новые в HTML5.
Базовый HTML
| Тег | Описание |
|---|---|
| <!DOCTYPE> | Определяет тип документа |
| <html> | Определяет документ HTML |
| <head> | Определяет информацию о документе |
| <title> | Определяет заголовок документа |
| <body> | Определяет тело документа |
| <h2> to <h6> | Определяет заголовки HTML |
| <p> | Определяет параграф (абзац) |
| <br> | Вставляет один разрыв строки |
| <hr> | Определяет тематическое изменение содержания |
<!—. ..—> |
Определяет комментарий |
Форматирование
| Тег | Описание |
|---|---|
| <acronym> | Не поддерживается в HTML5. Используйте <abbr> вместо этого. Определяет акроним |
| <abbr> | Определяет аббревиатуру или акроним |
| <address> | Определяет контактную информацию для автора / владельца документа / статьи |
| <b> | Определяет жирный текст |
| <bdi> | Изолирует часть текста, который может быть отформатирован в другом направлении от прочего текста за его пределами |
| <bdo> | Переопределяет текущее направление текста |
| <big> | Не поддерживается в HTML5. Используйте CSS вместо этого.Определяет большой текст |
| <blockquote> | Определяет раздел, что цитируется с другого источника |
| <center> | Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет центрирование текста |
| <cite> | Определяет название произведения |
| <code> | Определяет фрагмент компьютерного кода |
| <del> | Определяет удалённый с документа текст |
| <dfn> | Представляет определяющий экземпляр термина |
| <em> | Определяет подчёркнутый текст |
| <font> | Не поддерживается в HTML5. Используйте CSS вместо этого.Определяет шрифт, цвет и размер для текста |
| <i> | Определяет часть текста альтернативным голосом или настроением |
| <ins> | Определяет текст, который был вставлен в документ |
| <kbd> | Определяет ввод с клавиатуры |
| <mark> | Определяет отмеченный / выделенный текст |
| <meter> | Определяет скалярное измерение в границах известного диапазона (датчик) |
| <pre> | Определяет предварительно отформатированный текст |
| <progress> | Представляет ход выполнения задания |
| <q> | Определяет короткую цитату |
| <rp> | Определяет, что отображать в браузерах, которые не поддерживают ruby аннотации |
| <rt> | Определяет объяснение / произношение символов (для восточноазиатской типографики) |
| <ruby> | Определяет аннотацию ruby (для восточноазиатской типографики) |
| <s> | Определяет текст, которій больше не является правильным |
| <samp> | Определяет исходные данные с компьютерной программы |
| <small> | Определяет меньший текст |
| <strike> | Не поддерживается в HTML5. Используйте <del> или <s> вместо этого.Определяет перечёркнутый текст |
| <strong> | Определяет важный текст |
| <sub> | Определяет подстрочный текст (нижний индекс) |
| <sup> | Определяет надстрочный текст (верхний индекс) |
| <template> | Определяет шаблон |
| <time> | Определяет дату / время |
| <tt> | Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет текст телетайпа |
| <u> | Определяет текст, который должен быть стилистически отличным от обычного текста |
| <var> | Определяет переменную |
| <wbr> | Определяет возможный разрыв строки |
Формы и входящие данные
| Тег | Описание |
|---|---|
| <form> | Определяет форму HTML для ввода пользователем |
| <input> | Определяет элемент управления вводом |
| <textarea> | Определяет многострочный элемент управления вводом (текстовая область) |
| <button> | Определяет кнопку, которую можно нажимать |
| <select> | Определяет выпадающий список |
| <optgroup> | Определяет группу соответствующих параметров в выпадающем списке |
| <option> | Определяет параметр в выпадающем списке |
| <label> | Определяет метку для <input> элемента |
| <fieldset> | Группы связанных элементов в форме |
| <legend> | Определяет заголовок для <fieldset> элемента |
| <datalist> | Определяет список предварительно определённых параметров управления вводом |
| <output> | Определяет результат расчёта |
Фреймы
| Тег | Описание |
|---|---|
| <frame> | Не поддерживается в HTML5. Определяет окно (фрейм) в наборе фреймов |
| <frameset> | Не поддерживается в HTML5. Определяет набор фреймов |
| <noframes> | Не поддерживается в HTML5. Определяет альтернативное содержание для пользователей, которые не поддерживают фреймы |
| <iframe> | Определяет встроенный фрейм |
Изображения
| Тег | Изображение |
|---|---|
| <img> | Определяет изображение |
| <map> | Определяет карту изображения на стороне клиента |
| <area> | Определяет область внутри карты изображения |
| <canvas> | Используется для рисования на лету с помощью сценариев (обычно на JavaScript) |
| <figcaption> | Определяет заголовок для элемента <figure> |
| <figure> | Определяет автономное содержание |
| <picture> | Определяет контейнер для нескольких ресурсов изображения |
| <svg> | Определяет контейнер для графики SVG |
Аудио / Видео
| Тег | Описание |
|---|---|
| <audio> | Определяет звуковой контент |
| <source> | Определяет несколько медиа-ресурсов для медиа-элементов (<video>, <audio>, <picture>) |
| <track> | Определяет текстовые дорожки для медиа-элементов (<video> и <audio>) |
| <video> | Определяет видео или фильм |
Ссылки
| Тег | Описание |
|---|---|
| <a> | Определяет гиперссылку |
| <link> | Определяет взаимосвязь между документом и внешним ресурсом (наиболее часто используется для ссылки на внешние таблицы стилей) |
| <nav> | Определяет навигационные ссылки (навигация по сайту) |
Списки
| Тег | Описание |
|---|---|
| <ul> | Определяет неупорядоченный (ненумерованный) список |
| <ol> | Определяет упорядоченный (нумерованный) список |
| <li> | Определяет элемент списка |
| <dir> | Не поддерживается в HTML5. Используйте <ul> вместо этого.Определяет список каталогов |
| <dl> | Определяет список описаний |
| <dt> | Определяет термин / имя в списке описания |
| <dd> | Определяет описание / значение термина в списке описания |
Таблицы
| Tег | Описание |
|---|---|
| <table> | Определяет таблицю |
| <caption> | Определяет подпись таблицы |
| <th> | Определяет ячейку заголовка в таблице |
| <tr> | Определяет строку в таблице |
| <td> | Определяет ячейку в таблице |
| <thead> | Группирует содержание заголовка в таблице |
| <tbody> | Группирует содержание тела в таблице |
| <tfoot> | Группирует содержание нижнего колонтитула в таблице |
| <col> | Указывает свойства столбцов для каждого столбца в элементе <colgroup> |
| <colgroup> | Определяет группу с одного или нескольких столбцов в таблице для форматирования |
Стили и семантика
| Тег | Описание |
|---|---|
| <style> | Определяет информацию о стиле для документа |
| <div> | Определяет блочный раздел в документе |
| <span> | Определяет строчный раздел в документе |
| <header> | Определяет заголовок для документа или раздела |
| <footer> | Определяет нижний колонтитул (футер) для документа или раздела |
| <main> | Определяет основное содержание документа |
| <section> | Определяет раздел (секцию) в документе |
| <article> | Определяет статью |
| <aside> | Определяет содержание, кроме содержимого страницы (в стороне) |
| <details> | Определяет дополнительные детали, которые пользователь может просматривать или прятать |
| <dialog> | Определяет диалоговій бокс или окно |
| <summary> | Определяет видимый заголовок для элемента <details> |
| <data> | Связывает заданный контент с машиночитаемым переводом |
Мета Информация
| Тег | Описание |
|---|---|
| <head> | Определяет информацию о документе |
| <meta> | Определяет метаданные HTML документа |
| <base> | Указывает базовый URL-адрес / цель для всех относительных URL-адресов документа |
| <basefont> | Не поддерживается в HTML5. Используйте CSS вместо этого.Определяет цвет, размер и шрифт по умолчанию для всего текста документа |
Программирование
| Тег | Описание |
|---|---|
| <script> | Определяет скрипт на стороне клиента |
| <noscript> | Определяет альтернативное содержание для пользователей, которые не поддерживают сценари на стороне клиента |
| <applet> | Не поддерживается в HTML5. Используйте <embed> или <object> вместо этого. Определяет встроенный апплет |
| <embed> | Определяет контейнер для внешнего (не HTML) приложения |
| <object> | Определяет встроенный объект |
| <param> | Определяет параметр для объекта |
❮ Prev Next ❯
Пожалуйста, включите JavaScript для просмотра комментариев, предоставленных Disqus.
Тег HTML5 audio — Tutorial Republic
Advertisements
Тема: Теги HTML5 СправочникПредыдущая|Следующая
Описание
Элемент используется для встраивания аудиоконтента в HTML-документ без использования дополнительных плагинов, таких как Flash игрок.
В следующей таблице приведены контекст использования и история версий этого тега.
| Размещение: | Блок |
|---|---|
| Содержимое: | <источник> , <трек> и текст |
| Начальный/конечный тег: | Начальный тег: требуется , Конечный тег: требуется |
| Версия: | Новое в HTML5 |
Синтаксис
Основной синтаксис тега :
HTML / XHTML:
> Тег в действии.
Пример
Попробуйте этот код »Аудио, использующее набор элементов управления браузера по умолчанию, с альтернативными источниками.
Пример
Попробуйте этот код »Совет: Вы можете поместить контент, такой как текст или ссылку для скачивания, внутрь аудиоэлемента, чтобы предоставить альтернативный контент в случае, если браузер не поддерживает аудиоконтент или каким-то образом не удалось загрузить исходный аудиофайл.
Атрибуты, специфичные для тега
В следующей таблице показаны атрибуты, характерные для тега .
| Атрибут | Значение | Описание |
|---|---|---|
автовоспроизведение | автовоспроизведение | Этот логический атрибут указывает, что звук автоматически начнет воспроизводиться, как только он сможет это сделать, не останавливаясь для завершения загрузки данных.![]() |
органы управления | органы управления | Если указано, браузеры будут отображать элементы управления, позволяющие пользователю управлять воспроизведением звука, например воспроизведение/пауза, громкость и т. д. |
петля | петля | Этот логический атрибут указывает, что звук будет автоматически начинаться заново по достижении конца. |
приглушенный | приглушенный | Этот логический атрибут указывает, будет ли изначально отключен звук. Значение по умолчанию — false, что означает, что звук будет воспроизводиться. |
предварительная нагрузка | авто | Предоставляет браузеру подсказку о том, следует ли загружать сам звук или его метаданные. Атрибут autoplay может переопределить этот атрибут, потому что если вы хотите автоматически воспроизводить звук, браузеру, очевидно, потребуется его загрузить. |
источник | URL-адрес | Указывает расположение аудиофайла. Кроме того, вы можете использовать предпочтительный тег , так как он допускает несколько вариантов. |
Глобальные атрибуты
Как и все другие теги HTML, тег поддерживает глобальные атрибуты в HTML5.
Атрибуты событий
Тег также поддерживает атрибуты событий в HTML5.
Совместимость с браузерами
Тег поддерживается всеми основными современными браузерами.
Базовая поддержка —
|
Дополнительная литература
См. учебник по: HTML5 Audio, HTML5 Video.
Связанные теги: <источник> , <дорожка> , <видео> .
Предыдущая страница Следущая страница
Тег HTML area — Tutorial Republic
Advertisements
Тема: Теги HTML5 ReferencePrev|Next
Описание
Тег определяет активную область на изображении и связывает ее с гипертекстовой ссылкой. Этот элемент используется только внутри элемента .
В следующей таблице приведены контекст использования и история версий этого тега.
| Родитель: | <карта> |
|---|---|
| Содержимое: | Нет. Это пустой элемент. |
| Начальный/конечный тег: | Начальный тег: обязательный , Конечный тег: запрещенный |
| Версия: | HTML 2, 3.2, 4, 4.01, 5 |
Синтаксис
Основной синтаксис тега :
HTML: text » />
Примечание: В HTML конечный тег для тега запрещен. В XHTML тег должен быть закрыт завершающей косой чертой, например: . См. пустые элементы.
В приведенном ниже примере показан тег в действии.
Пример
Попробуйте этот код »<имя карты="фигуры"> <площадь формы="поли" координаты="392,2,352,32,366,80,418,80,432,32" href="pentagon.html" alt="Пентагон">
Атрибуты, специфичные для тега
В следующей таблице показаны атрибуты, характерные для тега .
| Атрибут | Значение | Описание |
|---|---|---|
| Обязательно — Для того чтобы разметка была действительной, в этом теге должен быть указан следующий атрибут. | ||
альтернативный | текст | Указывает замещающий текст, который следует использовать, когда изображения, определяемые элементами области, недоступны.![]() |
| Необязательный — Следующие атрибуты являются необязательными. | ||
координаты | координаты | Указание координат области горячей точки. |
скачать | имя файла | Указывает, следует ли загружать связанный ресурс вместо перехода к нему, когда пользователь щелкает ссылку. |
ссылка | URL-адрес | Указывает цель гиперссылки для области. |
hreflang | код языка | Указывает язык связанного ресурса. Этот атрибут можно использовать, только если указан href . |
СМИ | медиа-запрос | Указывает носитель, для которого предназначен связанный ресурс. |
nohref | nohref | Устарело Указывает, что для связанной области не существует гиперссылки. |
отн. | альтернативный | Указывает отношение связанного ресурса к текущему документу. Этот атрибут следует использовать, только если присутствует атрибут href .![]() |
форма | по умолчанию | Указывает форму связанной горячей точки. |
цель | _blank | Указывает, где отображать связанный ресурс, указанный в атрибут href . |
тип | тип содержимого | Указывает тип содержимого (тип MIME) связанного содержимого, например, «изображение/jpeg», «текст/html» и т. д. |
Глобальные атрибуты
Как и все другие теги HTML, тег поддерживает глобальные атрибуты в HTML5.

..—>
Используйте CSS вместо этого.
Используйте CSS вместо этого.
Используйте <del> или <s> вместо этого.
Используйте <ul> вместо этого.
Используйте CSS вместо этого.
Атрибут autoplay может переопределить этот атрибут, потому что если вы хотите автоматически воспроизводить звук, браузеру, очевидно, потребуется его загрузить.
5+
<имя карты="фигуры">
<площадь формы="поли" координаты="392,2,352,32,366,80,418,80,432,32" href="pentagon.html" alt="Пентагон">

Этот атрибут можно использовать, только если указан 