Новые HTML5 тэги

В таблице ниже располагаются только тэги, которые были добавлены в HTML5.

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

В поле Поддержка Вы можете узнать о состоянии поддержки данного тэга в современных браузерах. Возможные значения:

Полная данный тэг поддерживается всеми современными браузерами;
Частичная данный тэг частично поддерживается современными браузерами (узнать о поддержке больше Вы можете на странице элемента);
Отсутствует данный тэг не поддерживается ни одним современным браузером.

Название тэга	Описание	Поддержка
<article>	Определяет независимое содержимое страницы.	Полная
<aside>	Определяет косвенно связанные с содержимым элементы.	Полная
<audio>	Встраивает аудио файл.	Полная
<canvas>	Позволяет рисовать произвольные объекты с помощью скриптов.	Полная
<datalist>	Определяет список с данными для элемента ввода.	Частичная
<details>	Определяет поле с дополнительной информацией, которое пользователь может скрывать или отображать.	Частичная
<embed>	Позволяет встроить внешнее содержимое.	Полная
<figcaption>	Определяет подпись для изображения.	Полная
<figure>	Используется для создания подписей для изображений.	Полная
<footer>	Определяет футер для документа.	Полная
<header>	Определяет заголовочный блок для документа.	Полная
<hggroup>	Позволяет сгруппировать заголовки.	Полная
<keygen>	Генерирует открытый и закрытый ключ для безопасной связи с сервером.	Частичная
<mark>	Подсвечивает (выделяет) текст.	Частичная
<meter>	Определяет полосу измерения.	Частичная
<menu>	Позволяет определять контекстные меню и панели инструментов.	Частичная
<nav>	Определяет навигационный блок сайта.	Полная
<output>	Используются для вывода данных.	Частичная
<progress>	Отображает состояние выполнения какого-либо процесса.	Частичная
<rp>	Указывает, что должно отображаться в браузерах не поддерживающих агаты.	Полная
<rt>	Позволяет задать агаты (используются для уточнения чтения иероглифов в китайском и японском языке).	Полная
<ruby>	Позволяет задать иероглиф, прочтение которого необходимо уточнить.	Полная
<section>	Позволяет сгруппировать логически связанное содержимое.	Полная
<source>	Позволяет задать несколько источников воспроизведения для элементов <audio> и <video>.	Полная
<summary>	Определяет видимый заголовок для элемента <details>.	Частичная
<time>	Определяет дату и время.	Отсутствует
<track>	Позволяет добавить субтитры к элементам <audio> и <video>.	Отсутствует
<video>	Позволяет добавлять на веб-страницы видео файлы.	Полная
<wbr>	Отмечает подходящее место в тексте для возможного переноса.	Частичная

Старые тэги HTML4

В таблице ниже располагаются только тэги, которые уже присутствовали в HTML4 (щелкните на названии тэга, чтобы посмотреть подробную информацию о нем).

В поле Статус указано какие изменения произошли с данным элементом в HTML5. Возможные значения:

Изменен данный элемент был изменен в HTML5 (добавились/удалились атрибуты или изменилось поведение);
- данный элемент не затронули изменения.

Название тэга	Описание	Статус
<!--....-->	Определяет комментарий.	-
<!DOCTYPE>	Определяет тип документа.	Изменен
<a>	Определяет ссылку.	Изменен
<abbr>	Определяет абревиатуру.	-
<address>	Определяет контактную информацию автора документа.	Изменен
<area />	Определяет область-ссылку на изображение.	Изменен
<b>	Определяет жирный текст.	-
<base />	Определяет адрес или способ открытия всех ссылок странице по умолчанию.	-
<bdo>	Определяет направление текста.	-
<blockquote>	Определяет длинную цитату.	-
<body>	Определяет тело документа.	Изменен
<br />	Определяет перенос на новую строку.	-
<button>	Определяет кнопку.	Изменен
<caption>	Определяет заголовок таблицы.	Изменен
<cite>	Оформляет текст как цитату.	-
<code>	Оформляет текст как компьютерный код.	-
<dd>	Определяет значение термина в списке определений.	-
<del>	Определяет зачеркнутый текст.	-
<div>	Определяет секцию в документе.	-
<dl>	Определяет список определений.	-
<dt>	Определяет термины в списке определений.	-
<em>	Определяет акцентированный текст.	-
<fieldset>	Определяет границу вокруг элементов формы.	Изменен
<form>	Определяет форму для ввода пользовательских данных.	Изменен
<h1> - <h6>	Определяет заголовки.	-
<head>	Определяет справочную информацию о документе.	-
<hr />	Определяет горизонтальную линию.	Изменен
<html>	Определяет корневой тэг HTML5 документа.	Изменен
<i>	Определяет курсивный текст.	-
<iframe>	Определяет строковый фрейм.	Изменен
<img />	Определяет картинку.	-
<input />	Определяет поля ввода данных в форме.	Изменен
<ins>	Определяет вложенный текст.	-
<label>	Определяет метку для элемента input.	Изменен
<legend>	Определяет заголовок для элементов fieldset, figure, и details.	Изменен
<li>	Определяет список.	-
<link />	Определяет взаимосвязь между текущим документом и внешним файлом.	-
<map>	Определяет карту изображений.	Изменен
<meta />	Определяет метаданные HTML5 документа.	Изменен
<noscript>	Определяет альтернативное содержимое для пользователей браузер которых не поддерживает клиентские скрипты.	-
<object>	Определяет встраиваемый объект.	Изменен
<ol>	Определяет упорядоченный список.	Изменен
<optgroup>	Определяет группу похожих элементов в списке выбора.	-
<option>	Определяет вариант в списке выбора.	-
<p>	Определяет абзац.	-
<param />	Определяет параметр для встраиваемого объекта.	Изменен
<pre>	Определяет отформатированный текст.	-
<script>	Определяет клиентский скрипт.	Изменен
<select>	Определяет выпадающий список.	Изменен
<small>	Определяет маленький текст.	-
<span>	Определяет секцию в документе.	-
<strong>	Определяет важный текст.	Изменен
<style>	Определяет информацию о стиле документа.	Изменен
<sub>	Определяет нижний индекс элемента.	-
<sup>	Определяет верхний индекс элемента.	-
<table>	Определяет таблицу.	Изменен
<tbody>	Группирует содержимое тела таблицы.	Изменен
<td>	Определяет ячейку в таблице.	Изменен
<textarea>	Определяет многострочное поле для ввода текста.	Изменен
<tfoot>	Группирует нижнее содержимое таблицы.	Изменен
<th>	Определяет заголовочную ячейку в таблице.	Изменен
<thead>	Группирует головное содержимое таблицы.	Изменен
<title>	Определяет заголовок документа.	-
<tr>	Определяет строку в таблице.	Изменен
<ul>	Определяет неупорядоченный список.	-

Удаленные тэги

В таблице ниже располагаются тэги, которые присутствовали в HTML4, но в HTML5 были удалены.

Название тэга	Описание
<acronym>	Определяет акроним.
<big>	Определяет большой текст.
<center>	Выравнивает текст по центру.
<dir>	Позволяет задать список каталогов.
<font>	Позволяет задать тип, размер и цвет шрифта.
<frame />	Определяет фрейм (окно) в наборе фреймов.
<frameset>	Определяет набор фреймов.
<noframes>	Определяет альтернативное содержимое для пользователей браузер которых не поддерживает фреймы.
<strike>	Определяет зачеркнутый текст.

CSS свойства таблиц и списков

Для того, чтобы узнать о желаемом свойстве больше и посмотреть пример с его использованием щелкните на его названии.

Свойство	Описание	Введено в
list-style	Позволяет определить все свойства списков за одно определение.	CSS1
list-style-image	Позволяет установить произвольную картинку вместо маркера списка.	CSS1
list-style-position	Позволяет определить где должен отображаться маркер списка.	CSS1
list-style-type	Позволяет определить вид маркера списка.	CSS1
border-collapse	Позволяет установить должны ли границы таблицы и ячеек соединится.	CSS2
border-spacing	Позволяет установить расстояние между границами смежных ячеек.	CSS2
caption-side	Позволяет установить место расположения табличного заголовка.	CSS2
empty-cells	Позволяет установить как должны отображаться пустые табличные ячейки.	CSS2

CSS остальные свойства

Свойство	Описание	Введено в
display	Позволяет установить способ отображения элемента.	CSS1
opacity	Позволяет установить уровень прозрачности элемента.	CSS3
appearance	Позволяет превратить тэг в указанный элемент пользовательского интерфейса.	CSS3
resize	Позволяет сделать элемент растягиваемым.	CSS3
overflow	Позволяет указать, что должно случится если содержимое элемента выйдет за его границы.	CSS2
visibility	Позволяет установить должен ли элемент быть видимым.	CSS2
cursor	Позволяет установить вид курсора мыши.	CSS2
transform	Позволяет трансформировать элемент.	CSS3
transform-origin	Позволяет изменить местоположение трансформированного элемента.	CSS3
content	Позволяет вставлять произвольное содержимое.	CSS2

CSS свойства текста

Свойство	Описание	Введено в
@font-face	Позволяет подключить к веб-страницам произвольные шрифты.	CSS3
font	Позволяет установить все свойства шрифта (font-family, font-size, font-style, font-variant, font-width) за одно определение.	CSS1
font-family	Позволяет установить шрифт текста.	CSS1
font-size	Позволяет установить размер текста.	CSS1
color	Позволяет установить цвет текста.	CSS1
text-shadow	Позволяет привязать тень (или несколько теней) к тексту элемента.	CSS3
text-decoration	Позволяет оформить текст элемента.	CSS1
text-align	Позволяет определить горизонтальное выравнивание текста.	CSS1
letter-spacing	Позволяет определить расстояние между символами текста.	CSS1
word-spacing	Позволяет определить расстояние между словами текста.	CSS1
line-height	Позволяет установить высоту строк.	CSS1
font-style	Позволяет установить стиль шрифта элемента.	CSS1
font-variant	Позволяет отобразить текст элемента капителью.	CSS1
font-width	Позволяет установить толщину шрифта.	CSS1
text-overflow	Позволяет указать как должен отображаться текст вышедший за пределы границ элемента.	CSS3
vertical-align	Позволяет установить вертикальное выравнивание текста.	CSS1
text-transform	Позволяет управлять регистром символов в тексте.	CSS1
text-indent	Позволяет установить величину отступа первого символа текста.	CSS1
text-justify	Позволяет установить алгоритм выравнивания для свойства "text-align:justify".	CSS3
word-wrap	Позволяет указать должны ли длинные слова, выходящие за пределы родительского элемента, разбиваться и переносится на новую строку или нет.	CSS3
white-space	Позволяет установить как должны оформляться пробелы в тексте элемента.	CSS1
quotes	Позволяет установить как должны оформляться кавычки вставленные тэгом <q>.	CSS1

CSS свойства выравнивания

Свойство	Описание	Введено в
height	Позволяет установить высоту элемента.	CSS1
width	Позволяет установить ширину элемента.	CSS1
margin	Позволяет установить величину всех внешних отступов за одно определение.	CSS1
margin-top	Позволяет установить величину внешнего отступа от верхней части элемента.	CSS1
margin-right	Позволяет установить величину внешнего отступа от правой части элемента.	CSS1
margin-bottom	Позволяет установить величину внешнего отступа от нижней части элемента.	CSS1
margin-left	Позволяет установить величину внешнего отступа от левой части элемента.	CSS1
padding	Позволяет установить величину всех внутреннего отступов за одно определение.	CSS1
padding-top	Позволяет установить величину внутреннего отступа от верхней части элемента.	CSS1
padding-right	Позволяет установить величину внутреннего отступа от правой части элемента.	CSS1
padding-bottom	Позволяет установить величину внутреннего отступа от нижней части элемента.	CSS1
padding-left	Позволяет установить величину внутреннего отступа от левой части элемента.	CSS1
float	Прижимает элемент к указанной стороне родительского элемента и заставляет последующие за ним элементы страницы "обтекать" его.	CSS1
position	Позволяет установить метод размещения элемента.	CSS2
top	Позволяет установить величину отступа от верхней стороны элемента.	CSS2
right	Позволяет установить величину отступа от правой стороны элемента.	CSS2
bottom	Позволяет установить величину отступа от нижней стороны элемента.	CSS2
left	Позволяет установить величину отступа от левой стороны элемента.	CSS2
clear	Позволяет "очистить" элемент от действия float.	CSS2
max-height	Позволяет определить максимальную высоту элемента.	CSS2
max-width	Позволяет определить максимальную ширину элемента.	CSS2
min-height	Позволяет определить минимальную высоту элемента.	CSS2
min-width	Позволяет определить минимальную ширину элемента.	CSS2
z-index	Позволяет установить порядок отображения элементов в случае их наложения друг на друга.	CSS2
clip	Позволяет обрезать элемент размещенный абсолютно.	CSS2
column-count	Позволяет разбить на указанное количество столбцов текст элемента.	CSS3
column-gap	Позволяет установить величину отступа между столбцами текста.	CSS3
column-width	Позволяет установить ширину столбцов.	CSS3
column-rule	Позволяет установить все свойства оформления разделителя для столбцов текста за одно определение.	CSS3
column-rule-color	Позволяет установить цвет разделителя.	CSS3
column-rule-style	Позволяет установить стиль разделителя.	CSS3
column-rule-width	Позволяет установить ширину разделителя.	CSS3
column-span	Позволяет установить на сколько столбцов должен растягиваться элемент.	CSS3
box-align	Позволяет установить способ выравнивания элементов потомков.	CSS3
box-direction	Позволяет установить направление отображения элементов потомков.	CSS3
box-flex	Позволяет установить должны ли элементы потомки быть гибкими в размерах или нет.	CSS3
box-ordinal-group	Позволяет установить порядок отображения элементов потомков.	CSS3
box-orient	Позволяет установить как должен быть ориентирован элемент.	CSS3
box-pack	Позволяет установить позицию элементов потомков в по горизонтали в горизонтально ориентированных элементах и позицию по вертикали в вертикально ориентированных элементах.	CSS3

CSS свойства фона

Свойство	Описание	Введено в
background	Позволяет установить все свойства фона за одно определение.	CSS1
background-size	Позволяет установить размер фонового изображения.	CSS3
background-attachment	Позволяет определить должна ли фоновая картинка быть закреплена или должна прокручиваться с остальным содержимым страницы.	CSS1
background-color	Позволяет установить цвет фона элемента.	CSS1
background-image	Позволяет установить фоновую картинку для элемента.	CSS1
background-position	Позволяет установить координаты местоположения фоновой картинки.	CSS1
background-repeat	Позволяет установить как должна повторятся фоновая картинка для того, чтобы заполнить фон элемента.	CSS1
background-clip	Позволяет указывать как должен обрезаться фон элемента.	CSS3
background-origin	Позволяет задать позицию, от которой будет отсчитываться местоположение фонового изображения.	CSS3

CSS свойства границ

Свойство	Описание	Введено в
border	Позволяет установить все свойства границ за одно определение.	CSS1
border-color	Позволяет определить цвет для всех границ элемента за одно определение.	CSS1
border-style	Позволяет определить стиль для всех границ элемента за одно определение.	CSS1
border-width	Позволяет установить ширину всех границ элемента за одно определение.	CSS1
border-radius	Позволяет определить форму всех углов элемента за одно определение.	CSS3
border-bottom-left-radius	Позволяет определить форму нижнего левого угла элемента.	CSS3
border-bottom-right-radius	Позволяет определить форму нижнего правого угла элемента.	CSS3
border-top-left-radius	Позволяет определить форму верхнего левого угла элемента.	CSS3
border-top-right-radius	Позволяет определить форму верхнего правого угла элемента.	CSS3
border-image	Позволяет использовать изображение в качестве границы элемента.	CSS3
border-top	Позволяет установить все свойства для верхней границы элемента за одно определение.	CSS1
border-top-color	Позволяет определить цвет верхней границы элемента.	CSS1
border-top-style	Позволяет определить стиль верхней границы элемента.	CSS1
border-top-width	Позволяет определить ширину верхней границы элемента.	CSS1
border-left	Позволяет установить все свойства для левой границы элемента за одно определение.	CSS1
border-left-color	Позволяет определить цвет левой границы элемента.	CSS1
border-left-style	Позволяет определить стиль левой границы элемента.	CSS1
border-left-width	Позволяет определить ширину левой границы элемента.	CSS1
border-bottom	Позволяет установить все свойства нижней границы за одно определение.	CSS1
border-bottom-color	Позволяет определить цвет нижней границы элемента.	CSS1
border-bottom-style	Позволяет определить стиль нижней границы элемента.
border-bottom-width	Позволяет определить ширину нижней границы элемента.	CSS1
border-right	Позволяет установить все свойства для правой границы элемента за одно определение.	CSS1
border-right-color	Позволяет определить цвет правой границы элемента.	CSS1
border-right-style	Позволяет определить стиль правой границы элемента.	CSS1
border-rigth-width	Позволяет определить ширину правой границы элемента.	CSS1
outline	Позволяет установить все свойства внешней границы за одно определение.	CSS2
outline-color	Позволяет определить цвет внешней границы элемента.	CSS2
outline-style	Позволяет определить стиль внешней границы элемента.	CSS2
outline-width	Позволяет определить ширину внешней границы элемента.	CSS2
outline-offset	Позволяет установить величину смещения внешней границы от границы элемента.	CSS3

CSS свойства переходов и анимации

Свойство	Описание	Введено в
@keyframes	Блок для определения анимации.	CSS3
animation	Позволяет установить все свойства анимации (кроме animation-play-state) за одно определение.	CSS3
animation-name	Позволяет установить имя анимации.	CSS3
animation-duration	Позволяет указать время выполнения анимации в секундах.	CSS3
animation-timing-function	Позволяет указать функцию смягчения отвечающую за плавность выполнения анимации.	CSS3
animation-delay	Позволяет установить величину задержки перед началом выполнения анимации.	CSS3
animation-iteration-count	Позволяет установить количество повторов анимации.	CSS3
animation-direction	Позволяет указать должна ли анимация выполняться в обратном порядке или нет.	CSS3
animation-play-state	Позволяет указать должна ли анимация выполняться или быть остановлена.	CSS3
transition	Позволяет задать все свойства переходов за одно определение.	CSS3
transition-property	Позволяет указать CSS свойства, которые будут задействованы для создания перехода.	CSS3
transition-duration	Позволяет указать время, в течении которого будет совершен переход.	CSS3
transition-timing-function	Позволяет указать функцию смягчения отвечающую за плавность выполнения перехода.	CSS3
transition-delay	Позволяет установить величину задержки перед началом выполнения перехода.	CSS3

Имя отправителя *:
E-mail отправителя *:
Тема письма:
Текст сообщения *: