Разное

Все теги html5: Список HTML5 тегов | Справочник HTML CSS

10.06.2023

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Определяет название работы, цитату или сноску на другой документ
code
Определяет программный код
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.


Совместимость с браузерами

Тег поддерживается всеми основными современными браузерами.

Базовая поддержка —

  • Firefox 3. 5+
  • Google Chrome 4+
  • Internet Explorer 9+
  • Apple Сафари 4+
  • Опера 10.5+

Дополнительная литература

См. учебник по: HTML5 Audio, HTML5 Video.

Связанные теги: <источник> , <дорожка> , <видео> .

Предыдущая страница Следущая страница

Тег HTML area — Tutorial Republic

Advertisements

Тема: Теги HTML5 ReferencePrev|Next

Описание

Тег определяет активную область на изображении и связывает ее с гипертекстовой ссылкой. Этот элемент используется только внутри элемента .

В следующей таблице приведены контекст использования и история версий этого тега.

Родитель: <карта>
Содержимое: Нет. Это пустой элемент.
Начальный/конечный тег: Начальный тег: обязательный , Конечный тег: запрещенный
Версия: HTML 2, 3.2, 4, 4.01, 5

Синтаксис

Основной синтаксис тега :

HTML:  <i> text </i> «>; <i> XHTML: </i><area alt= text » />

Примечание: В HTML конечный тег для тега запрещен. В XHTML тег должен быть закрыт завершающей косой чертой, например: . См. пустые элементы.

В приведенном ниже примере показан тег в действии.

Пример
Попробуйте этот код »
 Геометрические фигуры
<имя карты="фигуры">
    Circle
    Triangle
    Rectangle
    <площадь формы="поли" координаты="392,2,352,32,366,80,418,80,432,32" href="pentagon.html" alt="Пентагон">
 

Атрибуты, специфичные для тега

В следующей таблице показаны атрибуты, характерные для тега .

Атрибут Значение Описание
Обязательно — Для того чтобы разметка была действительной, в этом теге должен быть указан следующий атрибут.
альтернативный текст Указывает замещающий текст, который следует использовать, когда изображения, определяемые элементами области, недоступны.
Необязательный — Следующие атрибуты являются необязательными.
координаты координаты Указание координат области горячей точки.
скачать имя файла Указывает, следует ли загружать связанный ресурс вместо перехода к нему, когда пользователь щелкает ссылку.
ссылка URL-адрес Указывает цель гиперссылки для области.
hreflang код языка Указывает язык связанного ресурса. Этот атрибут можно использовать, только если указан href .
СМИ медиа-запрос Указывает носитель, для которого предназначен связанный ресурс.
nohref nohref Устарело Указывает, что для связанной области не существует гиперссылки.
отн. альтернативный
автор
закладка
справка
лицензия
следующий
nofollow
noreferrer
предварительная выборка
предыдущий
поиск
тег
Указывает отношение связанного ресурса к текущему документу. Этот атрибут следует использовать, только если присутствует атрибут href .
форма по умолчанию
прямоугольник
круг
поли
Указывает форму связанной горячей точки.
цель _blank
_parent
_self
_top
Указывает, где отображать связанный ресурс, указанный в атрибут href .
тип тип содержимого Указывает тип содержимого (тип MIME) связанного содержимого, например, «изображение/jpeg», «текст/html» и т. д.

Глобальные атрибуты

Как и все другие теги HTML, тег поддерживает глобальные атрибуты в HTML5.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *