Все теги html5 с описанием и примерами: HTML теги по категориям

Содержание

HTML теги по категориям

= Новое в HTML5.

Тег	Описание
<!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> or <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>	Определяет описание термина/имени в списке описания
<menu>	Определяет список/меню команд
<menuitem>	Определяет команду/пункт меню, который пользователь может вызвать из всплывающего меню
Тег	Описание
<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>	Определяет параметр для объекта

Список HTML тегов на одной странице. Справочник по тегам HTML5

Тег	Краткое описание
<!—…—>	Комментарий. Подробнее
<!DOCTYPE>	Определяет тип документа. Подробнее
<a>	Ссылка, гиперссылка, якорь. Подробнее
<abbr>	Определяет текст как аббревиатуру. Подробнее
<address>	Контактная информация автора или владельца документа. Подробнее
<area>	Определяет область на карте-изображении
<article>	Статья
<aside>	Контент в стороне (содержимое не является основным на странице по смыслу)
<audio>	Позволяет вставить воспроизводимый аудио файл. Подробнее
<b>	Полужирный текст. Подробнее
<base>	Задает базовый URL или атрибут target для относительных ссылок в документе. Подробнее
<bdi>	Область, где написание текста может имееть другое направления. Подробнее
<bdo>	Устанавливает направление написания текста. В отличии от <bdi> направление указывается физическое направление Подробнее
<blockquote>	Цитата. Подробнее
<body>	Указывает область body документа. Подробнее
<br>	Перенос строки. Подробнее
<button>	Кликабельная кнопка. Подробнее
<canvas>	Используется для рисовании графики с помощью скриптов
<caption>	Подпись таблицы. Подробнее
<cite>	Сноска на название материала. Подробнее
<code>	Используется для вставки компьютерного кода в текстовом виде. Подробнее
<col>	Задает характеристики колонок в таблице. Подробнее
<colgroup>	Определяет группу из одной или более колонок таблицы для форматирования. Подробнее
<datalist>	Используется для определения предопределенных вариантов на выбор при вводе в текстовом поле. Подробнее
<dd>	Определяет описание термина из тега <dt> в списке терминов <dl>. Подробнее
<del>	Текст, который удален в новой версии документа. Подробнее
<details>	Определяет дополнительную информацию, которую пользователь может просмотреть или скрыть. Подробнее
<dfn>	Указывает, что содержимое является термином. Подробнее
<dialog>	Определяет диалоговое окно или интерактивный элемент
<div>	Блочный элемент — один из основных элементов верстки. Подробнее
<dl>	Определяет список определений. Подробнее
<dt>	Название термина в списке определений <dl>. Подробнее
<em>	выделенный по смыслу текст (обычно, текст выделенный курсивом). Подробнее
<embed>	Контейнер для внешнего приложения
<fieldset>	Группа связанных элементов в форме. Подробнее
<figcaption>	Заголовок для <figure> элемента
<figure>	Определяет автономную группу из нескольких элементов (например картинка с подписью)
<footer>	Нижний колонтитул
<form>	Определяет форму пользовательского ввода. Подробнее
<h2> — <h6>	Заголовки HTML разного уровня: <h2>, <h3>, <h4>, <h5>, <h5>, <h6>. Подробнее
<head>	Указывает область head документа. Подробнее
<header>	Блок заголовка
<hr>	Горизонтальная линия — тематический разделитель. Подробнее
<html>	Корневой элемент. Сообщает браузеру, что данный документ является HTML документом. Подробнее
<i>	Выделяет текст курсивом. Подробнее
<iframe>	Определяет встроенный фрейм
<img>	Изображение, картинка. Подробнее
<input>	Поле для ввода, элемент формы. Подробнее
<ins>	Текст, который был добавлен в новой версии документа. Подробнее
<kbd>	Текст введенный с клавиатуры или названия кнопок клавиатуры. Обычно выделен моноширинным шрифтом. Подробнее
<label>	Метка для поля ввода. Обычно содержит подпись поля. Подробнее
<legend>	Заголовок элементов <fieldset>. Подробнее
<li>	Элемент списка. Подробнее
<link>	Определяет привязку внешнего ресурса (чаще всего, привязку таблицы стилей CSS). Подробнее
<main>	Основной контент
<map>	Контейнер для <area>. Определяет пользовательскую карту на изображении
<mark>	Выделенный текст (обычно с помощью подсветки фона). Подробнее
<menu>	Контейнер для списка пунктов меню
<menuitem>	Определяет элементы, которые пользователь может вызвать из контекстного меню
<meta>	Используется для определения мета-данных документа. Подробнее
<meter>	Измеритель значений в заданном диапазоне
<nav>	Контейнер для навигационных элементов
<noscript>	Альтернативный контент для пользователей, отключивших скрипты
<object>	Определяет встроенный объект
<ol>	Определяет нумерованный список. Подробнее
<optgroup>	Определяет группу связанных вариантов в выпадающем списке. Дает название группы. Подробнее
<option>	Параметр (вариант выбора) в выпадающем списке. Подробнее
<output>	Результат вычислений. Подробнее
<p>	Абзац. Подробнее
<param>	Задает параметры для встроенных объектов
<picture>	Контейнер для нескольких изображений
<pre>	Предварительно отформатированный текст. Подробнее
<progress>	Индикатор выполнения (прогресса)
<q>	Цитата в тексте. Подробнее
<rp>	Альтернативный текст, если браузер не поддерживает тег <ruby>. Подробнее
<rt>	Аннотация к содержимому тега <ruby>. Подробнее
<ruby>	Контейнер для символов и их расшифровки (в основном для Восточно-азиатских символов, иероглифов). Подробнее
<s>	Перечеркнутый текст. Подробнее
<samp>	Текст, являющийся результатом выполнения компьютерной программы (обычно выводится моноширинным шрифтом). Подробнее
<script>	Определяет скрипт или подключение скрипта из внешнего ресурса. Подробнее
<section>	Раздел
<select>	Определяет выпадающий список или список с множественным выбором. Подробнее
<small>	Текст шрифтом меньшего размера. Подробнее
<source>	Определяет ресурс для тегов <video>, <audio> и <picture>. Подробнее
<span>	Строчный элемент. Подробнее
<strong>	Текст, выделенный по значению. Обычно отображается полужирным. Подробнее
<style>	Определяет контейнер для определения CSS стилей документа. Подробнее
<sub>	Отображает текст в виде нижнего индекса. Подробнее
<summary>	Заголовок внутри тега <details>. Подробнее
<sup>	Отображает текст в виде верхнего индекса. Подробнее
<table>	Определяет таблицу. Подробнее
<tbody>	Определяет область контента в таблице. Подробнее
<td>	Ячейка в таблице <table>. Подробнее
<textarea>	Многострочное поле для ввода. Подробнее
<tfoot>	Определяет группу строк в нижней части таблицы <table> — нижний колонтитул. Подробнее
<th>	Ячейка — заголовок в таблице <table>. Подробнее
<thead>	Определяет группу строк в верхней части таблицы <table> — верхний колонтитул. Подробнее
<time>	Дата и/или время. Подробнее
<title>	Заголовок HTML документа. Подробнее
<tr>	Определяет строку в таблице. Подробнее
<track>	Определяет текстовую дорожку для тегов <video> и <audio> Подробнее
<ul>	Определяет маркированный список. Подробнее
<var>	Используется для обозначения содержимого тега как переменной. Подробнее
<video>	Позволяет вставить воспроизводимое видео. Подробнее
<wbr>	Место, где допускается перенос строки. Подробнее

Таблица основных тегов html с примерами

Несмотря на то, что сейчас можно создавать отличные сайты на конструкторах в визуальном режиме, использование языка HTML остаётся важным навыком разработчика. Даже если вы не пишете шаблон с нуля, может возникнуть необходимость отредактировать его или вставить виджет стороннего сервиса — через HTML-код.

HTML позволяет форматировать страницы, придавая им необходимый вид. Если такой задачи нет, то знание тегов поможет отредактировать код встраиваемого виджета. Понимая структуру HTML, вы, например, можете быстро изменить размер видео или виджета и другие особенности его отображения.

Базовые теги

<!—…—> — тег для добавления комментариев в документ. Помещённые внутри него теги не интерпретируются браузером.

<!DOCTYPE> — показывает браузеру тип документа, сообщает его версию и язык.

<html></html> — корневой тег, который сообщает браузеру, что это HTML-документ. Все остальные элементы помещаются внутри него.

<head></head>— контейнер, в который помещаются метаданные документа, не видимые пользователям, но считываемые поисковыми роботами: например, <title> или <style>.

<body></body> — тег, обрамляющий видимую пользователям часть документа. Всё, что вы укажите внутри этого контейнера, отобразится на странице. Тег <body> имеет несколько атрибутов, позволяющих управлять цветами.

<body bgcolor=?> — цвет фона документа в формате RGB.

<body text=?> — цвет текста.

<body link=?> — цвет гиперссылок.

<body vlink=?> — цвет гиперссылок, по которым уже переходили.

<body alink=?> — цвет гиперссылок при нажатии.

<title></title>— метатег, который задаёт название страницы, отображаемое на вкладке браузера.

<header></header> — определяет содержимое блока с вводной информацией сайта или группой ссылок.

Форматирование текста

<h2></h2>……<h6></h6>. — теги заголовков, от самого большого к самому маленькому.

<b></b> — жирный текст без придания важности выделенному фрагменту.

<strong></strong> — расставление акцентов в тексте путём выделения его фрагментов полужирным начертанием.

<i></i> — выделение текста курсивом без придания важности.

<del></del> — зачёркивает текст, помечая его удалённым.

<s></s> — отображает перечёркнутый текст.

<ins></ins> — подчёркивает текст, визуально выделяя внесённые изменения.

<u> — подчёркивание без дополнительного акцентирования внимания.

<em></em> — расставление акцентов путём выделения фрагментов текста курсивом.

<mark></mark> — выделение частей текста жёлтым маркером.

<tt></tt> — имитация текста, набранного на печатной машинке.

<small></small> — отображение фрагмента с меньшим кеглем шрифта, чем у остального текста.

<sub></sub> — подстрочное начертание символов.

<sup></sup> — надстрочное начертание символов.

<cite></cite> — оформление цитат.

<address> — добавление контактов или подписи автора. При открытии в вею-браузере выделяется курсивом.

<pre></pre> — вывод неформатированного текста с сохранением пробелов и особенностей переносов.

<p></p> — контейнер для абзаца.

<br> — переносит текст на другую строку без создания абзаца.

<blockquote> </blockquote> — отступы с обеих сторон для оформления цитаты или врезки.

<q></q> — краткое цитирование.

<dl></dl> — контейнер для размещения термина и его определения.

<dt> — добавление термина.

<dd> — добавление определения понятия

<dfn> — выделение термина курсивом. Последующий текст должен раскрывать понятие.

<abbr> — указывает, что текст является аббревиатурой или акронимом. Для добавления пояснения используется атрибут title.

<ol></ol> — список с цифрами.

<ul></ul> — список со значками.

<li> — отметка каждого элемента перечня (цифра или значок в зависимости от типа списка).

<a></a> — добавление гиперссылки в текст. Имеет обязательный атрибут href, в котором указывается ссылка или якорь. Внутри контейнера помещается текст, при нажатии на который происходит переход на другую страницу или другое место на этой же странице.

<code></code> — выделение фрагмента кода с помощью шрифта monospace.

Встраивание элементов

<img></img> — вставка изображения. Имеет атрибут src, который указывает на адрес нужного файла. Есть и другие атрибуты:

<img src=»name» align=?> — выравнивание к одной из сторон документа. Например, значение right переместит рисунок в правый край, а left — в левый.

<img src=»name» border=?> — позволяет настроить в пикселях толщину рамки вокруг изображения.

<picture></picture> — контейнер для расположения элемента <img> без <source>, который даёт браузеру возможность самостоятельно выбрать подходящую картинку.

<audio></audio> — вставка звукового контента.

<video></video> — вставка видео (поддерживается Ogg, WebM и MP4).

<source></source> — указывает местоположение файла для <video>, <audio> и <picture>

<track> — формирует субтитры для <video> и <audio>.

<hr> — размещает на странице горизонтальную линию. Имеет несколько атрибутов.

<hr size=?> — устанавливает высоту линии.

<hr width=?> — устанавливает ширину линии.

<hr noshade> — убирает тень у линии.

<hr color=?> — задаёт цвет линии.

Работа с таблицами

<table></table> — размещает таблицу. Все остальные теги для форматирования таблиц должны находиться внутри это контейнера.

<thead></thead> — определяет заголовок.

<tbody></tbody> — отмечает тело таблицы.

<td></td> — создаёт одну ячейку.

<th></th> — указывает на заголовок ячейки.

<tr> — создание одной строки.

<tfoot></tfoot> — показывает нижний колонтитул.

<caption></caption> — вставляет подпись. Указывается после тега <table>.

<col> — позволяет указать ширину и другие параметры одной или нескольких колонок.

Создание форм и кнопок

<form></form> — создание форм на странице. С помощью HTML описывается только внешний вид, для выполнения функций требуется запуск соответствующих скриптов на сервере.

<button></button> — создаёт интерактивную кнопку. Внутри контейнера нужно поместить текст или изображение.

<select multiple name=»NAME» size=?></select> — формирует меню с поддержкой скроллинга.

<select name=»NAME»></select> — создаёт ниспадающее меню.

<option></option> — описывает каждый отдельный пункт меню.

<input> — формирует поля для добавления пользовательских данных.

<output> — выводит результаты вычислений, сделанных с помощью скрипта.

<label> — оформляет пометку для поля, созданного тегом <input>.

<textarea></textarea> — создаёт большие поля для ввода текста.

30 необходимых практик для написания современного и эффективного HTML5 | by Stas Bagretsov

Перевод статьи 30 Best HTML5 Practices 2018

👉Мой Твиттер — там много из мира фронтенда, да и вообще поговорим🖖. Подписывайтесь, будет интересно: ) ✈️

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

Этот список составлялся с расчётом на создание ясного, поддерживаемого и масштабируемого кода, который успешно использует элементы семантической разметки из HTML5 и который корректно отрендерится во всех поддерживаемых браузерах. Все SEO, CSS и обычные front-end практики JS выходят уже за пределы этой статьи.

01 — Указывайте doctype

Указание doctype должно идти первой строкой вашего HTML документа. Так рекомендуется, если вы используете HTML5 doctype:

<!DOCTYPE html>

Который на самом деле активирует стандартный режим во всех браузерах. Как альтернативу, вы можете использовать doctype, который отвечает за используемую HTML/XHTML версию.

02 — Закрывающие теги

Пустые элементы, то есть теги, которые не могут содержать какой-либо контент.

Самозакрывающиеся теги допустимы, но необязательны. Это такие элементы как: <br>, <hr>, <img>, <input>, <link>, <meta>,

<area>, <base>, <col>, <command>, <embed>, <keygen>, <param>, <source>, <track>, <wbr>

У обычных элементов никогда не будет самозакрывающихся тегов.

03 — Опциональные теги

Некоторые теги опциональны в HTML5, так как уже предполагается наличие этих элементов. Для примера, если даже вы не поставите <html> тег в разметке, то всё равно подразумевается то, что ваша разметка вложена в <html>. Другие такие же опциональные теги это <head>, <body>. Также для некоторых элементов опциональны только закрывающиеся теги (смотрите ниже).

Обратите внимание

Опциональные закрывающиеся теги

HTML5 допускает опциональные закрывающие теги для некоторых элементов. Вам необязательно их использовать, в Google Style Guide по HTML вообще рекомендуют избегать все опциональные теги.

Однако, эта практика не сильно прижилась и вообще будучи вырванной из контекста она может ввести в заблуждение: W3C подробно рассказали при каких условиях теги становятся и прекращают быть опциональными.

04 — Атрибут lang

Одной из причин регулярного использования опциональных тегов, таких как <html>, являются атрибуты. Это считается лучшей практикой в плане интернационализации, как указывается в W3C, вам всегда надо указывать стандартный язык текста страницы в теге <html>.

05 — Принцип простоты

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

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<!DOCTYPE html>

Пока вам реально не надо будет написать XHTML документ, нет смысла в его применении и использовании. Также вам не нужны и xml атрибуты, как тут:

<p lang="en" xml:lang="en">...</p>

06 — Тег <base>

Это очень полезный тег, особенно для разработки на локальных серверах. Однако, при неправильном использовании он может выдать нечто странное. По-сути, если вы впишите тег <base href="http://www.example.com/" />, то каждая ссылка на странице будет формироваться относительно неё, если она не указана полностью. Это влечет за собой смену стандартного формирования и поведения некоторых ссылок. Для примера, внутренняя ссылка href="#internal" будет интерпретирована браузером как href="http://www.example.com/#internal"

Также, ссылка на внешнюю страницу сделанная таким способом: href="example.org”, будет интерпретирована браузером как href="http://www.example.com/example.org"

В общем, безопаснее использовать абсолютные пути для ваших ссылок.

07 — Тег <title>

Никогда его не пропускайте. Кроме очевидного факта того, что заголовок вашей страницы не отрендерится в браузере, это довольно сильно негативно повлияет на доступность.

08 — Указывайте кодировку

Не забудьте <meta charset='utf-8'> (ну или ту кодировку, которую вы используете в вашем документе) — так вы убедитесь в том, что ваша страница отображается корректно.

09 — Метатег description

Это не совсем является частью лучших практик HTML, но это стоит упомянуть. <meta name="description"> атрибут это то, что краулеры и поисковые системы подтягивают первым делом при индексации вашей страницы. Если вы указали description, то он появится как описание к вашему сайту.

В HTML5 есть несколько элементов, которые помогут вам грамотно расставить и организовать элементы на вашей странице.

Советую почитать на эту тему статью — Секреты использования семантической верстки в HTML5

10 — Элементы <header> и <footer>

На изображении выше простой шаблон, мы видим <header> сверху страницы и <footer> в самом низу. Это то, как выглядит типичная страница, которую вы привыкли видеть, с логотипом вверху страницы и подвалом с несколькими ссылками, а также копирайтами в самом низу. Пользователи WordPress возможно привыкли называть их “masthead” и “colophon”, соответственно.

Однако, HTML5 даёт семантическое значение элементам шапки и подвала. Тег <header> можно использовать в любой секции(<section>) или статье(<article>), для добавления заголовков, публикации даты или другого вводного контента статьи или секции. Также, футер может включать в себя информацию об авторе каждой статьи на странице, ссылки на связанный контент и т.п.

11 — Элемент <nav>

<nav> должен использоваться для навигации по всему сайту. Совершенно нет нужды в указании role, как тут:

<nav role="navigation"></nav>

Роль элемента уже подразумевается в самом теге:

<nav></nav>

12 — Элемент <main>

Этот элемент был включен в HTML5 и выше, для указания места где находится основной контент страницы, то есть контент, который напрямую относится к главной теме документа. В общем, больше не надо использовать <div>:

<div></div>

Если у нас уже есть куда более точный тег для указания основного контента страницы:

<main></main>

13 — <article>, <section> или <div>?

Мы используем <article> для указания отдельно взятого контента, которому не нужно указывать дополнительный контекст.

Тег <section> используется как для разделения страницы на разные тематические сферы, так и для выделения отдельной статьи. Можно сказать, что <section> это более обобщающий тег, нежели <article> — он определяет связанный контент, но необязательно прямо отдельный, как у выделяющего <article>.

И наконец, мы используем <div> как крайнее средство, в те моменты, когда уже совсем нет подходящих тегов для разметки.

14 — <section> это семантический тег, а не стилистический

Раскрывая тему того, о чем мы говорили в теме выше об элементе <section>, важно подчеркнуть то, что <section> это семантический тег. По сути, в нём должен быть тег заголовка и даже если он там не нужен, то его использование имело бы смысл.

Он не должен использоваться как тег, в который обертывают контент, как контейнер или любой другой исключительно стилистический блок.

Для примера, вот некорректное использование тега <section>:

<section>
<section>
<div>
</div>
</section>
</section>

Вот уже получше, но тут видно сильное злоупотребление тегом <div>:

<div>
<div>
<div>
</div>
</div>
</div>

И вот уже получше:

<body>
<div>
<main>
</main>
</div>
</body>

15 — Элемент <figure>

Этот элемент в основном используется с изображениями, однако у него есть куда более обширный спектр применения. Всё, что связано с темой документа, но оно по каким-то причинам должно быть расположено где-то непонятно где в документе, может быть обернуто в <figure>.

Представьте иллюстрации, таблицы или диаграммы в книге.

Отличительная черта <figure> в том, что он не влияет на структуру документа. Так что его можно использовать для группировки элементов по общим темам, таким как группа изображений с общим <figcaption> или даже частью кода.

16 — Группировка элементов с помощью <figure> по общему <figcaption>

Тег <figcaption> должен располагаться либо сразу после открытия тега <figure>, либо сразу после закрытия тега </figure>.

<figure>
<img src="img1.jpg" alt="First image">
<img src="img2.jpg" alt="Second image">
<img src="img3.jpg" alt="Third image">
<img src="img4.jpg" alt="Fourth image">
<figcaption>Four images related to a topic </figcaption>
</figure>

17 — Стилизующие теги устарели в HTML5 — используйте CSS

Не используйте <big>, <center>, <strike> — они просто устарели и даже не смейте использовать <blink>, хоть он сам по себе и не устаревший.

Не используйте <hgroup>, он уже давно вышел из употребления.

Не используйте <i> для курсива, <b> для жирного текста или <em> для подчеркивания: назначение для этих тегов было переосмыслено в HTML5.

И вообще, было бы оптимальным решением для каждого, избегать стилистических элементов в HTML разметке, для этого вообще-то есть CSS.

18 — <br> элемент не для разметки

Не используйте <br> для форматирования документа или для добавления пробелов между элементами. В письмах да, можно.

Суть тут в том, что если это может быть отформатировано с помощью margin или padding в CSS, то вам нет смысла использовать <br>. Однако, если вы хотите добавить перенос строки внутри одного и того же элемента, то <br> будет вполне подходящим решением:

<label>Please use the following text area:<br>
<textarea name="loremipsum"></textarea>
</label>

19 — Указание типа не очень важно для таблиц стилей и JavaScript файлов

В HTML5 нет нужды в указании типа для <style> и <script>. Все современные браузеры ожидают того, что в таблицы стилей будут в CSS, а скрипты в JavaScript. Вообще всё ещё много кто так делает, так как много популярных CMS добавляют эти атрибуты автоматически, но по сути нет причины этого делать вручную. В общем сделайте так:

<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>

А не вот так:

<link type="text/css" rel="stylesheet" href="css/styles.css" />
<script type="text/javascript" src="js/scripts.js"></script>

20 — Используйте атрибут alt для ваших изображений

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

21 — Будьте аккуратны при использовании атрибута title

Атрибут title не замена атрибуту alt. alt используется вместо изображения, в то время, как title показывается вместе с изображением, обычно как всплывающая подсказка.

В спецификации HTML5.1 предостерегают от чрезмерного использования атрибута title, из-за недостаточной поддержки браузерами, такими как touch-only в телефонах и планшетах.

Вот подходящий пример использования атрибута title:

<input type="text" title="search">
<input type="submit" value="search">

Следующего использования нужно бы избегать:

<a href="text.txt" title="Relevant document">txt</a>
<img src="img.jpg" title="My photo" />

Вместо этого, попробуйте должным образом дать название ссылке и использовать атрибут alt для вашего изображения:

<a href="text.txt">Relevant document</a>
<img src="img.jpg" alt="My photo" />

Всё упомянутое в этой категории сугубо субъективно. Каждый front-end разработчик имеет свой подход и это хорошо, хорошо до тех пор пока подход последовательный и осмысленный. В основном, если ваш код ясный и читабельный для других разработчиков, то этого вполне достаточно.

Однако, мы включили несколько основных рекомендаций, которые судя по всему пользуются всеобщим признанием.

22 — Последовательность отступов

Код с полным отсутствием отступов или наличием непоследовательных отступов можно считать нечитабельным. На заметку — Google Style Guide для HTML рекомендует использование двух пробелов для отступов и не использовать табуляцию.

Если бы это был общепринятый формат, то каждый бы форматировал свой HTML код последовательно. Однако, каждый разработчик делает что-то по своему, так что по крайней мере мы должны попытаться что-то делать по общим стандартам: если вы решили использовать 4 пробела или два таба для отступа(пожалуйста, никогда не используйте два таба), сделайте это на каждой строчке вашего HTML кода, хотя бы для понимания другими.

23 — нижний регистр, Заглавный Регистр, ГорбатыйРегистр и КАПС

ГорбатыйРегистр используется в JavaScript и это визуально понятное форматирование в JS. По-этому, лучше всего не использовать его в отрезках кода, которые не в JS.

Заглавный Регистр — только для текста, строк, контента. Хоть это и не является технически неправильным — называть классы или ID заглавным регистром, это всё равно сильно влияет на читабельность.

КАПС — снова, технически всё верно, кроме того, что так принято описывать крик и вообще это визуально неприятно.

нижний регистр — наиболее используемый подход.

24 — Кавычки

Двойные или одинарные? На каждый вариант есть куча аргументов, однако это всё на ваше усмотрение. Делайте как хотите, главное, чтобы всё было последовательно и взаимосвязано.

Хотя одно замечание: HTML допускает одинарные кавычки и это очень удобно при генерации HTML из PHP. Однако, если HTML написан вручную, то это реально вопрос предпочтений. Главное, чтобы вы были последовательны(!)

25 — <pre> и <code>

Обычная практика — использовать элемент <code> с тегом <pre>. <code> сам по себе просто определяет компьютерный код и ничего не делает для сохранения его форматирования, в то время как <pre> (предварительно отформатированный текст), сохранит все переходы строк и отступы.

Помните одну вещь — элемент <pre> сохранит каждый переход на новую строку.

<pre><code>
.container {
margin: 0 auto;
}
</code></pre>

Так что этот код отформатируется с пустой строки. Используйте элементы <pre>, как тут:

<pre>&lt;nav&gt;
</pre>

26 — Мнемоники

Используйте мнемоники с <pre> при отображении HTML кода.

Вам нужно использовать < и > вместо < и >, и " вместо “.

За пределами предварительно отформатированных текстовых блоков, UTF-8 кодировка допускает почти все символы (включая ©, ® и даже смайлики). Однако, обычным делом является избегать &, <, >, “ и ‘ даже за пределами предварительно отформатированных блоков.

27 — Тире или подчеркивание для класса и ID?

Никогда не используйте пробелы в именах классов или ID.

Больше ограничений нет, так что тире или нижнее подчеркивание — это уже на ваш выбор. Тут стоит подметить то, что это предпочтение может зависеть от выбранного редактора. В Notepad++ слово с тире воспринимается как одно слово. В Vim, тире разделяет слово, а нижнее подчеркивание нет. В общем, когда будете принимать решение о том, как именовать классы, ID и тп, учитывайте нюансы своего любимого текстового редактора.

28 — Комментарии

Комментарии могут напрямую влиять на читабельность кода, конечно же в позитивном ключе, когда они используются правильно. У меня есть привычка комментировать закрывающие теги (особенно закрывающий <div>), указывая класс открывающего тега — это значительно упрощает понимание того, какой блок закрылся среди сложенных тегов. Пример:

<div>
<div>
...
</div><!-- .nextclass" -->
</div><!-- .myclass -->

29 — Валидация

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

W3C Validator

Вы также можете получить исходный код их Nu валидатора.

30 — Минифицирование и комбинирование CSS и JS файлов

У современного сайта обычно больше одного CSS файла. Главные стили, bootstrap или любые другие стили сеток, может быть ещё несколько стилей для плагинов, тем, ну и т.п. Каждый CSS файл делает отдельный HTTP запрос, тормозя загрузку вашего сайта.

Это рекомендуемая практика, в финальном продукте минифицировать и комбинировать все ваши CSS’ки для улучшения времени загрузки. Также вполне обычной является практика хранения неминифицированных файлов, к примеру в папке “css/src”, потому что редактирование и дебагинг минифицированных файлов — ну очень сложное занятие.

Таким же образом рекомендуется минифицировать и комбинировать ваши JavaScript файлы. Также рекомендуется выставлять их в конце документа, сразу над закрывающим тегом </body>, чтобы браузер начал загружать их после обработки всего документа.

Заключение

Я надеюсь на то что вам понравились наши советы по написанию HTML5 и лучшим практикам по front-end разработке.

Источники:

hail2u recommendations

w3.org

Dive into HTML5 from html5doctor

html5doctor

Google’s style guide

Various questions on Stack Overflow

HTML теги — справочник с примерами и описанием команд

В этом справочнике мы рассмотрим все основные html теги, которые пригодятся при создании сайтов и веб-документов. Вы узнаете, что это такое и для чего нужно. Также на примерах я покажу как это все используется.

Что такое html теги

HTML тег — это специальный код (элемент или команда), который указывает браузеру, как интерпретировать документ для пользователя.

Одни теги говорят браузеру, что нужно отобразить абзац. Другие, что нужно отобразить заголовок. Третьи, что нужно сделать таблицу. С помощью таких команд мы общаемся с браузером и как бы программируем его действия.

Парный html тег с атрибутом

Все теги имеют одинаковый формат. Они начинаются с угловой скобки < и заканчиваются на обратную скобку >.

Между угловыми скобками обязательно должны присутствовать кодовые слова. Но конечно же, здесь нельзя писать все подряд и выдавать это за теги. Есть определенный набор тегов по спецификации html. Например, выделение текста жирным:

<b>Жирный текст</b>

Ниже мы еще к этому вернемся.

Стоит сказать, что теги пишутся маленькими латинскими буквами. Хотя нет ничего страшного если вы их напишите большими. Однако стандарт подразумевает писать их в нижнем регистре.

У тега могут быть атрибуты.

Это дополнительные детали, которые его описывают. Они всегда вставляются в открывающей части. К примеру, в тег <а> (ссылка на документ) указываем путь к странице, к которой нужно перейти после клика. Записывается она в атрибут href.

<a href="https://site.ru">Текст ссылки</a>

Виды хтмл тегов

Все хтмл теги подразделяются на два вида:

Одиночные
Парные

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

К примеру, если вам нужно вставить абзац, то сначала ставим открывающий тег <p>. Это будет начало абзаца. Далее вставляем нужный текст (контент). После этого мы должны сообщить браузеру, где наш абзац заканчивается. Для этого вставляем закрывающий тег </p>.

<p>Пример небольшого текстового абзаца</p>

[ads_custom_box title=»Обратите внимание!» color_border=»#e87e04″]К закрывающему элементу всегда добавляется слеш. Благодаря ему браузер понимает, где заканчивается команда. В данном примере конец абзаца.[/ads_custom_box]

Если же нам нужно выделить определенный участок текста жирным, то здесь тоже делаем по аналогии.

Сначала из справочника (будет ниже) подбираем нужный тег, который выделяет текст жирным. Далее вставляем открывающий тег в том месте, где начнется выделение. А закрывающий там, где оно заканчивается.

<p><b>Пример</b> небольшого текстового абзаца</p>

Наглядный пример выделения

Есть определенные правила вложенности тегов. Более подробно на эту тему вы найдете в статье про структуру html документа.

Одиночные состоят из одного тега. Например, <hr> или <!Doctype html>. Представляют собой самостоятельные сущности, которым не нужен внутренний контент.

<br> <!-- перенос строки -->
<hr> <!-- разделитель -->
<input type="text"> <!-- поле ввода -->
<img src="logo.png"> <!-- вывод изображения -->

Основные html теги

Сейчас затронем основные html теги, которые имеют важную роль среди остальных элементов. Такие команды обязательно должны присутствовать на каждой странице.

Вот они:

Doctype предназначен для определения типа документа. То есть по нему браузер понимает, что это html-документ, а не что-либо еще.

Тег HTML — это контейнер, который имеет основное содержимое страницы. Контейнером называется потому что у него есть парный тег (открывающий и закрывающий). Абсолютно все элементы (кроме doctype) должны быть вложены в этот контейнер.

Head содержит в себе служебные теги. Они предназначены для работы поисковых систем и браузеров. Обычно эта информация не видна пользователю.

Body — это основное тело страницы. Она содержит рабочие элементы, которые видны пользователям. Как правило, это информационный контент.

Вот так выглядит скелет любой html-страницы:

<!doctype html>
<html>
    <head>
        
    </head>

    <body>
        
    </body>
</html>

Справочник HTML

Здесь расположен справочник html тегов. Словарь содержит все основные команды, которые можно использовать для создания сайта и веб-документов.

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

Тег html

О нем говорили выше. Это главный контейнер, который содержит почти все элементы страницы. Закрывающая его часть всегда должна идти в самом конце документа.

Имя	Описание	Значение свойства display
<html></html>	корневой элемент html-документа	`block`

Служебные

Служебные теги предназначены для поисковых систем и браузеров. Браузеры по ним определяют тип документа и его интерпретацию. А поисковым системам важно для четкого сканирования документа и его ранжирования в выдаче.

Имя	Описание	Значение свойства display
<!—…—>	комментарий	none
<!DOCTYPE>	объявление типа документа	none
<head></head>	контейнер для метаданных html-документа	none
<title></title>	заголовок / имя html-документа	none
<meta>	мета-данные веб-страницы	none
<link>	подключает внешние таблицы стилей	none
<script></script>	подключает сценарии к странице	none
<style></style>	подключает встраиваемые таблицы стилей	none
<base>	базовый url-адрес, относительно которого вычисляются относительные адреса	none
<noscript></noscript>	секция, не поддерживающая скрипт	block

HTML теги для текста

Здесь расположены основные html теги для работы с текстом на странице. Как правило, это различные выделения, подчеркивания, вставка заголовков и так далее.

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

Имя	Описание	Значение свойства display
<h2></h2> — <h6></h6>	заголовки шести уровней	block
<p></p>	параграфы в тексте	`block`
<br>	перенос текста на новую строку	none
<hr>	горизонтальная линия	block
<wbr>	возможное место разрыва длинной строки	none
<blockquote></blockquote>	большая цитата	block
<cite></cite>	источник цитирования	inline
<q></q>	краткая цитата	inline
<code></code>	фрагмент программного кода	inline
<kbd></kbd>	текст, вводимый пользователем с клавиатуры	inline
<pre></pre>	выводит текст с пробелами и переносами	block
<samp></samp>	результат выполнения сценария	inline
<var></var>	выделяет переменные из программ	inline
<del></del>	перечёркивает текст, помечая как удаленный	inline
<s></s>	перечёркивает неактуальный текст	inline
<dfn></dfn>	выделяет термин курсивом	inline
<em></em>	выделяет важные фрагменты текста курсивом	inline
<i></i>	выделяет текст курсивом без акцента	inline
<strong></strong>	выделяет полужирным важный текст	inline
<b></b>	задает полужирное начертание отрывка текста, без дополнительного акцента	inline
<ins></ins>	подчёркивает изменения в тексте	`inline`
<u></u>	выделяет отрывок текста подчёркиванием, без дополнительного акцента	inline
<mark></mark>	выделяет фрагменты текста желтым фоном	inline
<small></small>	отображает текст шрифтом меньшего размера	inline
<sub></sub>	подстрочное написание символов	inline
<sup></sup>	надстрочное написание символов	inline
<time></time>	дата / время документа или статьи	inline
<abbr></abbr>	аббревиатура или акроним	none
<address></address>	контактные данные автора документа или статьи	block
<bdi></bdi>	изолирует текст, читаемый справа налево	inline
<bdo></bdo>	задаёт направление написания текста	inline
<ruby></ruby>	контейнер для Восточно-Азиатских символов и их расшифровки	inline
<rp></rp>	тег для скобок вокруг символов	none
<rt></rt>	расшифровка символов	block

Теги таблицы html

Здесь расположены html теги для создания таблиц. Такие элементы тоже рекомендую использовать на странице. Особенно в аналитических каких-то материалах. Так пользователи могут быстро сориентироваться в ваших данных.

Имя	Описание	Значение свойства display
<table></table>	html-таблица	table
<tr></tr>	строка таблицы	table-row
<th></th>	заголовок столбца таблицы	table-cell
<td></td>	ячейка таблицы	table-cell
<thead></thead>	блок заголовков таблицы	table-header-group
<tbody></tbody>	тело таблицы	table-row-group
<tfoot></tfoot>	нижний колонтитул таблицы	table-footer-group
<caption></caption>	подпись к таблице	table-caption
<col>	выбирает для форматирования столбцы	table-column
<colgroup></colgroup>	контейнер для одного или нескольких <col>	table-column-group

Картинки

Обязательно используйте тег картинки в html-документе. Тоже полезно при восприятии и усвоения информации. Еще полезно и в SEO. Можно получать трафик с поиска по картинкам. И стоит отметить, что материал без изображений очень плохо ранжируется в поиске.

Имя	Описание	Значение свойства display
<img>	html-изображения	inline
<map></map>	активные области на карте-изображении	`inline`
<area>	гиперссылка с текстом или активная область внутри карты-изображения	inline
<canvas></canvas>	холст-контейнер для динамического отображения изображений	inline-block

Списки

Теги списка тоже рекомендую использовать. Очень полезно при каком-то перечислении или создании пошаговой инструкции. Информацию в списке старайтесь давать максимально коротко и понятно. То есть не делать длинных предложений.

Название	Описание	Значение свойства display
<ol></ol>	упорядоченный нумерованный список	`block`
<ul></ul>	маркированный список	block
<li></li>	элемент списка	list-item
<dl></dl>	контейнер для термина и его описания	block
<dt></dt>	задаёт термин	block
<dd></dd>	расшифровывает термин	block

Ссылки

Тег ссылки в html всегда один. Будьте осторожны при его использовании. Всегда проверяйте, куда вы ссылаетесь. То есть, что это за сайт и релевантен ли он данной теме. Также в атрибуте данного тега внимательно прописывайте адрес перехода.

Если что-то сделаете не так, то вас перебросит на страницу с 404 ошибкой. Это плохо для юзабилити и продвижения сайта в целом. Также обращайте на количество линков. Ссылайтесь только тогда, когда это необходимо!

Название	Описание	Значение свойства display
<a></a>	гиперссылка	inline

Встраиваемый контент

Контент, который можно встроить в основное тело страницы. Также полезно для восприятия информации. Например, вы сначала написали текстовую инструкцию. После этого в самом конце можно вставить видео с наглядной демонстрацией работы.

Имя	Описание	Значение свойства display
<audio></audio>	добавляет аудио-файлы	`inline-block`
<video></video>	добавляет видео-файлы	`inline-block`
<source>	указывает местоположение и тип альтернативных файлов для <audio> и <video>	none
<track>	субтитры для элементов <audio> и <video>	none
<embed>	встраивает внешний интерактивный контент или плагин	inline-block
<object></object>	контейнер для встраивания мультимедиа	inline-block
<param>	задаёт параметры для плагинов, встраиваемых с помощью элемента <object>	none
<iframe></iframe>	создаёт встроенный фрейм	block

Группировка контента

Дополнительная группировка контента по различным секциям страницы. Своего рода семантическая структура страницы. Очень полезно для юзабилити сайта.

Структура страницы

К примеру, постраничная навигация позволяет разбивать длинные страницы архивов на несколько подстраниц. Это улучшает как удобство пользования, так и скорость загрузки страницы.

Имя	Описание	Значение свойства display
<body></body>	тело html-документа	block
<div></div>	контейнер для разделов html-документа, группирует блочные элементы	block
<span></span>	контейнер для строчных элементов	inline
<header></header>	секция для вводной информации сайта или группы навигационных ссылок	block
<footer></footer>	секция для нижнего колонтитула документа или раздела	block
<section></section>	логическая область (раздел) страницы, обычно с заголовком	block
<article></article>	раздел контента, образующий независимую часть документа или сайта	block
<aside></aside>	контент страницы, имеющий косвенное отношение к основному контенту	block
<nav></nav>	раздел документа, содержащий навигационные ссылки по сайту	block
<figure></figure>	независимый контейнер для такого контента как изображения, диаграммы и т.п.	block
<figcaption></figcaption>	заголовок для элемента <figure>	block
<details></details>	контейнер с дополнительными сведениями, который можно открыть или закрыть	block
<summary></summary>	видимый заголовок для элемента <details>	`block`
<main></main>	контейнер для уникального основного содержимого в пределах одной страницы сайта	block

Формы

Они тоже частенько используются на сайтах. Самая главная и обязательная из них, это форма поиска по сайту. Если это многостраничник, то такой элемент должен присутствовать. Также сюда можно отнести формы подписки, обратной связи, регистрации и так далее.

Название	Описание	Значение свойства display
<form></form>	html-форма	block
<input>	многофункциональные поля формы	inline-block
<textarea>	многострочное поле формы	inline-block
<label></label>	текстовая метка для элемента <input>	inline
<datalist></datalist>	контейнер для выпадающего списка элемента <input> с <option>-значениями	none
<select></select>	элемент управления с выбором значений из предложенных вариантов <option>	inline-block
<optgroup></optgroup>	контейнер с заголовком для группы элементов <option>	block
<option></option>	вариант (опция) в раскрывающемся списке	block
<fieldset></fieldset>	группирует связанные элементы в форме	block
<legend></legend>	заголовок элементов формы, сгруппированных с помощью <fieldset>	block
<button></button>	интерактивная кнопка	inline-block
<keygen>	генерирует закрытый и открытый ключи	inline-block
<progress></progress>	индикатор выполнения задачи	`inline-block`
<meter></meter>	индикатор измерения в заданном диапазоне	inline-block
<output></output>	поле для вывода результата вычисления	inline

На этом все!

Мы рассмотрели html теги и их значение. Используйте данную справку, как шпаргалку при создании сайтов. Однако желательно, чтобы вы наизусть знали хотя бы основные команды. Если с кодом будете часто работать, то с этим проблем не будет. Запомнить можно быстро.

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

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	Определяет место для переноса строки в тексте

button	Определяет кнопку формы
datalist	Определяет предопределенные варианты значений для элемента <input>
fieldset	Используется для группирования родственных элементов формы
form	Используется для создания HTML форм
input	Определяет поле ввода HTML формы
keygen	Определяет поле-генератор ключей
label	Определяет метку для элемента <input>
legend	Определяет заголовок для элемента <fieldset>
optgroup	Используется для группирования родственных вариантов выбора
option	Определяет отдельные пункты в выпадающем списке выбора
output	Представляет результаты вычислительных операций
select	Используется для создания выпадающего списка
textarea	Определяет многострочное текстовое поле ввода

frame	Определяет фрейм внутри фреймовой структуры
frameset	Определяет фреймовую структуру
iframe	Определяет встроенный фрейм
noframes	Определяет информацию, которая выводится, когда нет поддержки фреймов

area	Определяет активные области в карте-изображении
canvas	Определяет область, в которой можно рисовать при помощи скриптов
figcaption	Определяет подпись к элементу <figure>
figure	Используется для группирования различных самодостаточных элементов
img	Вставляет изображение
map	Определяет карту-изображение

audio	Позволяет в браузере проигрывать звуковые файлы
source	Определяет медиа ресурс для медиа элементов
track	Определяет текстовую дорожку для медиа элементов
video	Позволяет в браузере проигрывать видео файлы

a	Определяет гипертекстовую ссылку
link	Определяет ссылку на внешний ресурс
nav	Определяет набор ссылок навигации

dd	Используется для создания определения термина в списке определений
dir	Определяет список директорий (системных папок)
dl	Создает список определений
dt	Создает термин в списке определений
li	Создает элемент списка
menu	Определяет список/меню команд
menuitem	Определяет команду/пункт меню
ol	Создает упорядоченный (нумерованный) список
ul	Создает неупорядоченный (маркированный) список

caption	Определяет пояснительный заголовок таблицы
col	Определяет свойства для каждого столбца таблицы
colgroup	Определяет группу из одного или более столбцов таблицы для форматирования
table	Определяет HTML таблицу
tbody	Группирует основное содержимое HTML таблицы
td	Определяет стандартную ячейку HTML таблицы
tfoot	Группирует содержимое нижнего колонтитула HTML таблицы
th	Определяет заголовочную ячейку HTML таблицы
thead	Группирует содержимое верхнего колонтитула HTML таблицы
tr	Определяет строку HTML таблицы

article	Определяет автономный контент
aside	Определяет блок сбоку от основного контента
details	Определяет дополнительную информацию
dialog	Создает диалоговое окно
div	Определяет блок кода HTML документа
footer	Определяет «подвал» документа или раздела
header	Определяет «шапку» документа или раздела
main	Определяет основное содержимое документа
section	Определяет раздел документа
span	Используется для группирования строчных элементов
style	Определяет CSS стили на уровне веб-страницы
summary	Определяет заголовок для элемента <details>

base	Определяет базовые URL для ссылок на странице
basefont	Определяет цвет, размер и шрифт текста по умолчанию
head	Является контейнером для всех головных элементов документа
meta	Определяет мета-информацию о HTML документе

applet	Вставляет в код страницы Java апплет
embed	Определяет контейнер для внешнего приложения
noscript	Определяет контент, который будет отображаться, если браузер не поддерживает скрипты
object	Вставляет в код страницы программный объект
param	Определяет параметры для программных объектов
script	Определяет скрипты, исполняемые на стороне пользователя

Справочник всех тегов и атрибутов HTML


Тег	Описание
<!–…–>	Используется для добавления комментариев.
<!DOCTYPE>	Объявляет тип документа и предоставляет основную информацию для браузера — его язык и версия.
<a>	Создаёт гипертекстовые ссылки.
<abbr>	Определяет текст как аббревиатуру или акроним. Поясняющий текст задаётся с помощью атрибута title.
<address>	Задает контактные данные автора/владельца документа или статьи. Отображается в браузере курсивом.
<area>	Представляет собой гиперссылку с текстом, соответствующей определенной области на карте-изображении или активную область внутри карты-изображения. Всегда вложен внутрь тега <map>.
<article>	Раздел контента, который образует независимую часть документа или сайта, например, статья в журнале, запись в блоге, комментарий.
<aside>	Представляет контент страницы, который имеет косвенное отношение к основному контенту страницы/сайта.
<audio>	Загружает звуковой контент на веб-страницу.
<b>	Задает полужирное начертание отрывка текста, не придавая акцент или важность выделенному.
<base>	Задает базовый адрес (URL), относительно которого вычисляются все относительные адреса. Это поможет избежать проблем при переносе страницы в другое место, так как все ссылки будут работать, как и прежде.
<bdi>	Изолирует отрывок текста, написанный на языке, в котором чтение текста происходит справа налево, от остального текста.
<bdo>	Отображает текст в направлении, указанном в атрибуте dir, переопределяя текущее направление написания текста.
<blockquote>	Выделяет текст как цитату, применяется для описания больших цитат.
<body>	Представляет тело документа (содержимое, не относящееся к метаданным документа).
<br>	Перенос текста на новую строку.
<button>	Создает интерактивную кнопку. Внутрь тега можно поместить содержимое — текст или изображение.
<canvas>	Холст-контейнер для динамического отображения изображений, таких как простые изображения, диаграммы, графики и т.п. Для рисования используется скриптовый язык JavaScript.
<caption>	Добавляет подпись к таблице. Вставляется сразу после тега <table>.
<cite>	Используется для указания источника цитирования. Отображается курсивом.
<code>	Представляет фрагмент программного кода, отображается шрифтом семейства monospace.
<col>	Выбирает для форматирования один или несколько столбцов таблицы, не содержащих информацию одного типа.
<colgroup>	Создает структурную группу столбцов, выделяющую множество логически однородных ячеек.
<datalist>	Элемент-контейнер для выпадающего списка элемента <input>. Варианты значений помещаются в элементы <option>.
<dd>	Используется для описания термина из тега <dt>.
<del>	Помечает текст как удаленный, перечёркивая его.
<details>	Создаёт интерактивный виджет, который пользователь может открыть или закрыть. Представляет собой контейнер для контента, видимый заголовок виджета помещается в тег <summary>.
<dfn>	Определяет слово как термин, выделяя его курсивом. Текст, идущий следом, должен содержать расшифровку этого термина.
<div>	Тег-контейнер для разделов HTML-документа. Используется для группировки блочных элементов с целью форматирования стилями.
<dl>	Тег-контейнер, внутри которого находятся термин и его описание.
<dt>	Используется для задания термина.
<em>	Выделяет важные фрагменты текста, отображая их курсивом.
<embed>	Тег-контейнер для встраивания внешнего интерактивного контента или плагина.
<fieldset>	Группирует связанные элементы в форме, рисуя рамку вокруг них.
<figcaption>	Заголовок/подпись для элемента <figure>.
<figure>	Самодостаточный тег-контейнер для такого контента как иллюстрации, диаграммы, фотографии, примеры кода, обычно с подписью.
<footer>	Определяет завершающую область (нижний колонтитул) документа или раздела.
<form>	Форма для сбора и отправки на сервер информации от пользователей. Не работает без атрибута action.
<h2-h6>	Создают заголовки шести уровней для связанных с ними разделов.
<head>	Элемент-контейнер для метаданных HTML-документа, таких как<title>, <meta>, <script>, <link>, <style>.
<header>	Секция для вводной информации сайта или группы навигационных ссылок. Может содержать один или несколько заголовков, логотип, информацию об авторе.
<hr>	Горизонтальная линия для тематического разделения параграфов.
<html>	Корневой элемент HTML-документа. Сообщает браузеру, что это HTML-документ. Является контейнером для всех остальных html-элементов.
<i>	Выделяет отрывок текста курсивом, не придавая ему дополнительный акцент.
<iframe>	Создает встроенный фрейм, загружая в текущий HTML-документ другой документ.
<img>	Встраивает изображения в HTML-документ с помощью атрибута src, значением которого является адрес встраиваемого изображения.
<input>	Создает многофункциональные поля формы, в которые пользователь может вводить данные.
<ins>	Выделяет текст подчеркиванием. Применяется для выделения изменений, вносимых в документ.
<kbd>	Выделяет текст, который должен быть введён пользователем с клавиатуры, шрифтом семейства monospace.
<keygen>	Генерирует пару ключей — закрытый и открытый. При отправке формы, закрытый ключ хранится локально, и открытый ключ отправляется на сервер. Работает внутри тега <form>.
<label>	Добавляет текстовую метку для элемента <input>.
<legend>	Заголовок элементов формы, сгруппированных с помощью элемента <fieldset>.
<li>	Элемент маркированного или нумерованного списка.
<link>	Определяет отношения между документом и внешним ресурсом. Также используется для подключения внешних таблиц стилей.
<main>	Контейнер для основного уникального содержимого документа. На одной странице должно быть не более одного элемента <main>.
<map>	Создаёт активные области на карте-изображении. Является контейнером для элементов <area>.
<mark>	Выделяет фрагменты текста, помечая их желтым фоном.
<meta>	Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке <head> может быть несколько тегов <meta>, так как в зависимости от используемых атрибутов они несут разную информацию.
<meter>	Индикатор измерения в заданном диапазоне.
<nav>	Раздел документа, содержащий навигационные ссылки по сайту.
<noscript>	Определяет секцию, не поддерживающую сценарий (скрипт).
<object>	Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег <param>.
<ol>	Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная.
<optgroup>	Контейнер с заголовком для группы элементов <option>.
<option>	Определяет вариант/опцию для выбора в раскрывающемся списке <select>, <optgroup> или <datalist>.
<output>	Поле для вывода результата вычисления, рассчитанного с помощью скрипта.
<p>	Параграфы в тексте.
<param>	Определяет параметры для плагинов, встраиваемых с помощью элемента <object>.
<pre>	Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д.
<progress>	Индикатор выполнения задачи любого рода.
<q>	Определяет краткую цитату.
<ruby>	Контейнер для Восточно-Азиатских символов и их расшифровки.
<rb>	Определяет вложенный в него текст как базовый компонент аннотации.
<rt>	Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе <ruby>, выводится уменьшенным шрифтом.
<rtc>	Отмечает вложенный в него текст как дополнительную аннотацию.
<rp>	Выводит альтернативный текст в случае если браузер не поддерживает элемент <ruby>.
<s>	Отображает текст, не являющийся актуальным, перечеркнутым.
<samp>	Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом.
<script>	Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src.
<section>	Определяет логическую область (раздел) страницы, обычно с заголовком.
<select>	Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в <option>.
<small>	Отображает текст шрифтом меньшего размера.
<source>	Указывает местоположение и тип альтернативных медиа ресурсов для элементов <video> и <audio>.
<span>	Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов.
<strong>	Расставляет акценты в тексте, выделяя полужирным.
<style>	Подключает встраиваемые таблицы стилей.
<sub>	Задает подстрочное написание символов, например, индекса элемента в химических формулах.
<summary>	Создаёт видимый заголовок для тега <details>. Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка.
<sup>	Задает надстрочное написание символов.
<table>	Тег для создания таблицы.
<tbody>	Определяет тело таблицы.
<td>	Создает ячейку таблицы.
<textarea>	Создает большие поля для ввода текста.
<tfoot>	Определяет нижний колонтитул таблицы.
<th>	Создает заголовок ячейки таблицы.
<thead>	Определяет заголовок таблицы.
<time>	Определяет дату/время.
<title>	Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия.
<tr>	Создает строку таблицы.
<track>	Добавляет субтитры для элементов <audio> и <video>.
<u>	Выделяет отрывок текста подчёркиванием, без дополнительного акцента.
<ul>	Создает маркированный список.
<var>	Выделяет переменные из программ, отображая их курсивом.
<video>	Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg.
<wbr>	Указывает браузеру возможное место разрыва длинной строки.

Список тегов / элементов HTML5 — Учебник Republic

	Определяет гиперссылку.
	Определяет сокращенную форму более длинного слова или фразы.
`<сокращение>`	Устаревший Определяет аббревиатуру. Вместо этого используйте .
`<адрес>`	Задает контактную информацию автора.
`<приложение>`	Устарело Встраивает Java-апплет (мини-приложения Java) на страницу. Вместо этого используйте `<объект>` .
`<зона>`	Определяет определенную область на карте изображения.
`<статья>`	Определяет статью.
`<сторона>`	Определяет некоторый контент, слабо связанный с контентом страницы.
`<аудио>`	Встраивает звук или аудиопоток в документ HTML.
	Отображает текст жирным шрифтом.
`<база>`	Определяет базовый URL-адрес для всех относительных URL-адресов в документе.
`<базовый объект`	Устаревший Определяет базовый шрифт для страницы.Вместо этого используйте CSS.
	Представляет текст, который изолирован от своего окружения для целей двунаправленного форматирования текста.
	Заменяет текущее направление текста.
`<большой>`	Устарело Отображает текст большого размера. Вместо этого используйте CSS.
	Представляет раздел, цитируемый из другого источника.
`<тело>`	Определяет тело документа.
	Создает одинарный разрыв строки.
`<кнопка>`	Создает кликабельную кнопку.
`<холст>`	Определяет область в документе, которую можно использовать для рисования графики «на лету» с помощью сценариев (обычно JavaScript).
`<заголовок>`	Определяет заголовок или заголовок таблицы.
`<центр>`	Устарело Выровнять содержимое по центру. Вместо этого используйте CSS.
`<город>`	Обозначает цитату или ссылку на другой источник.
`<код>`	Задает текст в виде компьютерного кода.

Определяет значения атрибутов для одного или нескольких столбцов в таблице.

Задает атрибуты для нескольких столбцов в таблице.
`<данные>`	Связывает фрагмент содержания с машиночитаемым переводом.
	Представляет набор предопределенных параметров для элемента .
	Задает описание или значение для термина ( ) в списке описаний ( ).
	Представляет текст, который был удален из документа.
`<подробности>`	Представляет виджет, из которого пользователь может получить дополнительную информацию или элементы управления по запросу.
	Задает определение.
`<диалог>`	Определяет диалоговое окно или подокно.
	Устаревший Определяет список каталогов. Вместо этого используйте .
	Задает раздел или раздел в документе.
	Определяет список описаний.
	Определяет термин (элемент) в списке описания.
	Определяет выделенный текст.
`<встроенный>`	Встраивает внешнее приложение, обычно мультимедийный контент, такой как аудио или видео, в HTML-документ.
	Задает набор связанных полей формы.
	Определяет заголовок или легенду для рисунка.
`<рисунок>`	Обозначает рисунок, показанный как часть документа.
	Устаревший Определяет шрифт, цвет и размер текста.Вместо этого используйте CSS.
`<нижний колонтитул>`	Представляет нижний колонтитул документа или раздела.
`<форма>`	Определяет HTML-форму для ввода пользователем.
`<рамка>`	Устаревший Определяет отдельный фрейм в наборе фреймов.
	Устаревший Определяет набор фреймов или другой набор фреймов.
`<заголовок>`	Определяет заголовок документа, который содержит информацию о документе, например заголовок.
`<заголовок>`	Представляет заголовок документа или раздела.
	Определяет группу заголовков.
`до`	Определяет заголовки HTML.
	Нарисуйте горизонтальную линию.
	Определяет корень HTML-документа.
	Отображает текст курсивом.
`<кадр>`	Отображает URL-адрес во встроенном фрейме.
	Представляет изображение.
`<вход>`	Определяет элемент управления вводом.
	Определяет блок текста, который был вставлен в документ.
`<КБД>`	Задает текст для ввода с клавиатуры.
	Представляет элемент управления для создания пары открытого и закрытого ключей.
`<метка>`	Определяет метку для элемента управления .
`<легенда>`	Определяет заголовок для элемента .
	Определяет элемент списка.
`<ссылка>`	Определяет связь между текущим документом и внешним ресурсом.
`<основной>`	Представляет основное или доминирующее содержимое документа.
`<карта>`	Определяет карту изображений на стороне клиента.
`<марка>`	Обозначает текст, выделенный для справки.
`<меню>`	Представляет список команд.
	Определяет список (или пункт меню) команд, которые может выполнять пользователь.
	Предоставляет структурированные метаданные о содержимом документа.
`<метр>`	представляет собой скалярное измерение в известном диапазоне.
	Определяет раздел навигационных ссылок.
`<без кадров>`	Устаревший Определяет альтернативное содержимое, отображаемое в браузерах, не поддерживающих фреймы.
`<код>`	Определяет альтернативное содержимое для отображения, когда браузер не поддерживает сценарии.
`<объект>`	Определяет внедренный объект.
	Определяет упорядоченный список.
	Определяет группу связанных опций в списке выбора.
`<опция>`	Определяет параметр в списке выбора.
`<выход>`	Представляет результат вычисления.
	Определяет абзац.
`<параметр>`	Определяет параметр для объекта или элемента апплета.
`<картинка>`	Определяет контейнер для нескольких источников изображений.
	Определяет блок предварительно отформатированного текста.
`<прогресс>`	Представляет ход выполнения задачи.
	Определяет короткое встроенное предложение.
	Предоставляет откатные скобки для браузеров, которые не поддерживают рубиновые аннотации.
	Определяет произношение символа, представленного в рубиновой аннотации.
`<рубин>`	Представляет рубиновую аннотацию.
	Представляет содержимое, которое больше не является точным или более не актуальным.
	Задает текст как образец вывода компьютерной программы.
`<сценарий>`	Размещает сценарий в документе для обработки на стороне клиента.
`<раздел>`	Определяет раздел документа, например верхний, нижний колонтитул и т. Д.
`<выбрать>`	Определяет список выбора в форме.
`<маленький>`	Отображает текст меньшего размера.
`<источник>`	Определяет альтернативные медиаресурсы для медиаэлементов, например или .
	Определяет встроенный раздел документа без стиля.
`<удар>`	Устаревший Отображает текст зачеркнутым.
	Обозначает сильно выделенный текст.
`<стиль>`	Вставляет информацию о стиле (обычно CSS) в заголовок документа.
	Определяет текст с нижним индексом.
`<резюме>`	Определяет сводку для элемента .
	Определяет надстрочный текст.
	Встраивайте содержимое SVG (масштабируемая векторная графика) в документ HTML.
`<таблица>`	Определяет таблицу данных.

Группирует набор строк, определяющих основную часть данных таблицы.
		Определяет ячейку в таблице.
`<шаблон>`	Определяет фрагменты HTML, которые должны быть скрыты при загрузке страницы, но могут быть клонированы и вставлены в документ с помощью JavaScript.
</code> </td> <td> Определяет элемент управления вводом многострочного текста (текстовая область).</td> </tr> <tr> <td> <code> <фут> </code> </td> <td> Группирует набор строк, обобщающих столбцы таблицы. </td> </tr> <tr> <td> <code> <th> </code> </td> <td> Определяет ячейку заголовка в таблице. </td> </tr> <tr> <td> <code> <thead> </code> </td> <td> Группирует набор строк, описывающих метки столбцов таблицы. </td> </tr> <tr> <td> <code> <время> </code> </td> <td> Представляет время и / или дату.</td> </tr> <tr> <td> <code> <название> </code> </td> <td> Определяет заголовок документа. </td> </tr> <tr> <td> <code> <tr> </code> </td> <td> Определяет ряд ячеек в таблице. </td> </tr> <tr> <td> <code> <трек> </code> </td> <td> Определяет текстовые дорожки для мультимедийных элементов, например <code> <audio> </code> или <code> <video> </code>. </td> </tr> <tr> <td> <code> <tt> </code> </td> <td> Устаревший Отображает текст в стиле телетайпа.</td> </tr> <tr> <td> <code> <u> </code> </td> <td> Показывает текст с подчеркиванием. </td> </tr> <tr> <td> <code> <ul> </code> </td> <td> Определяет неупорядоченный список. </td> </tr> <tr> <td> <code> <var> </code> </td> <td> Определяет переменную. </td> </tr> <tr> <td> <code> <видео> </code> </td> <td> Встраивает видеоконтент в документ HTML. </td> </tr> <tr> <td> <code> <wbr> </code> </td> <td> Представляет возможность разрыва строки.</td> </tr> </table> <h2><span class="ez-toc-section" id="%D0%A2%D0%B5%D0%B3_%D0%B7%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%B0_HTML5_-_Tutorial_Republic"></span> Тег заголовка HTML5 - Tutorial Republic <span class="ez-toc-section-end"></span></h2> <p> Тема: Справочник по тегам HTML5 Назад \| След. </p> <h3><span class="ez-toc-section" id="%D0%9E%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5"></span> Описание <span class="ez-toc-section-end"></span></h3> <p> Элемент <code> <header> </code> представляет заголовок документа или раздела. Заголовок должен содержать заголовок и информацию о соответствующем содержании. </p> <p> В следующей таблице приведены контекст использования и история версий этого тега.</p> <table> <tr> <th> Размещение: </th> <td> Блок </td> </tr> <tr> <th> Состав: </th> <td> блочных, строчных и текстовых элементов, но не потомков <code> <header> </code> или <code> <footer> </code>. </td> </tr> <tr> <th> Начальный / конечный тег: </th> <td> Начальный тег: <strong> требуется </strong>, Конечный тег: <strong> требуется </strong> </td> </tr> <tr> <th> Версия: </th> <td> Новое в HTML5 </td> </tr> </table> <p> <strong> Совет: </strong> Не путайте элемент <code> <header> </code> (который является видимым разделом страницы) с элементом <code> <head> </code> (который содержит метаданные, не показываемые пользователю).</p> <hr/> <h3><span class="ez-toc-section" id="%D0%A1%D0%B8%D0%BD%D1%82%D0%B0%D0%BA%D1%81%D0%B8%D1%81"></span> Синтаксис <span class="ez-toc-section-end"></span></h3> <p> Базовый синтаксис тега <code> <header> </code> задается следующим образом: </p> <p> <i> HTML / XHTML: </i> <header> ... </header> </p> <p> В приведенном ниже примере показан тег <code> <header> </code> в действии. </p> <pre> <code> <заголовок> <h2><span class="ez-toc-section" id="%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D0%B0%D1%8F_%D1%80%D0%B5%D1%81%D0%BF%D1%83%D0%B1%D0%BB%D0%B8%D0%BA%D0%B0"></span> Учебная республика <span class="ez-toc-section-end"></span></h2> <nav> <p> <a href="#"> На главную </a> \| <a href="#"> О компании </a> \| <a href="#"> Связаться </a> </p> </nav> </header> </code> </pre><p> <strong> Примечание: </strong> Элемент <code></p><header> </code> может быть размещен в любом месте внутри <code><body> </code>, но его нельзя размещать внутри <code></p> <address> </code>, <code></p><footer> </code> или другого <code></p><header> </code> элемент.</p><hr/><h3><span class="ez-toc-section" id="%D0%90%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_%D1%81%D0%BF%D0%B5%D1%86%D0%B8%D1%84%D0%B8%D1%87%D0%BD%D1%8B%D0%B5_%D0%B4%D0%BB%D1%8F_%D1%82%D0%B5%D0%B3%D0%BE%D0%B2"></span> Атрибуты, специфичные для тегов <span class="ez-toc-section-end"></span></h3><p> Тег <code></p><header> </code> не имеет какого-либо конкретного атрибута.</p><hr/><h3><span class="ez-toc-section" id="%D0%93%D0%BB%D0%BE%D0%B1%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B"></span> Глобальные атрибуты <span class="ez-toc-section-end"></span></h3><p> Как и все другие теги HTML, тег <code></p><header> </code> поддерживает глобальные атрибуты в HTML5.</p><hr/><h3><span class="ez-toc-section" id="%D0%90%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9"></span> Атрибуты событий <span class="ez-toc-section-end"></span></h3><p> Тег <code></p><header> </code> также поддерживает атрибуты событий в HTML5.</p><hr/><h3><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B2%D0%BC%D0%B5%D1%81%D1%82%D0%B8%D0%BC%D0%BE%D1%81%D1%82%D1%8C_%D1%81_%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%BE%D0%BC"></span> Совместимость с браузером <span class="ez-toc-section-end"></span></h3><p> Тег <code></p><header> </code> поддерживается во всех основных современных браузерах.</p><table><tr><td></td><td><h3><span class="ez-toc-section" id="%D0%91%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D1%8F_%D0%BF%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D0%BA%D0%B0"></span> Базовая поддержка - <span class="ez-toc-section-end"></span></h3><ul><li> Firefox 4+</li><li> Google Chrome 6+</li><li> Internet Explorer 9+</li><li> Apple Safari 5.1+</li><li> Opera 11.1+</li></ul></td></tr></table><hr/><h3><span class="ez-toc-section" id="%D0%94%D0%BE%D0%BF%D0%BE%D0%BB%D0%BD%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F_%D0%BB%D0%B8%D1%82%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%B0"></span> Дополнительная литература <span class="ez-toc-section-end"></span></h3><p> См. Учебник по теме: HTML Layout.</p><p> Связанные теги: <code><body> </code>, <code></p><nav> </code>, <code></p><section> </code>, <code></p><footer> </code>.</p><h2><span class="ez-toc-section" id="%D0%93%D0%BB%D0%BE%D0%B1%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_HTML5_-_%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D0%B8%D0%BA_%D0%A0%D0%B5%D1%81%D0%BF%D1%83%D0%B1%D0%BB%D0%B8%D0%BA%D0%B0"></span> Глобальные атрибуты HTML5 - Учебник Республика <span class="ez-toc-section-end"></span></h2><p> Глобальные атрибуты HTML5 могут применяться ко всем элементам.</p><h3><span class="ez-toc-section" id="%D0%93%D0%BB%D0%BE%D0%B1%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_%D0%B2_HTML5"></span> Глобальные атрибуты в HTML5 <span class="ez-toc-section-end"></span></h3><p> В дополнение к атрибутам, зависящим от элемента, HTML5 определяет несколько атрибутов, общих для всех элементов. Эти атрибуты могут быть указаны для всех элементов, за некоторыми исключениями, когда это не имеет значения, например, элементы, находящиеся в разделе документа <code><head> </code>, например <code><base> </code>, <code> <script></code>,<code><title></code>и т.Д.</p><table><tr><th>Атрибут</th><th>Значение</th><th>Описание</th></tr><tr><td><code>ключ доступа</code></td><td><i>горячая клавиша</i></td><td>Задает сочетание клавиш для активации или фокусировки элемента.</td></tr><tr><td><code>класс</code></td><td><i>имя класса</i></td><td>Назначает элементу имя класса или список имен классов,разделенных пробелами.</td></tr><tr><td><code>контентный</code></td><td><code>верно</code><br/><code>ложно</code></td><td>Указывает,доступно ли пользователю редактирование содержимого элемента.</td></tr><tr><td><code>контекстное меню</code></td><td><i>идентификатор меню</i></td><td>Определяет контекстное меню для элемента.Контекстное меню-это меню,которое появляется,когда пользователь щелкает правой кнопкой мыши по элементу.</td></tr><tr><td><code>данные-</code></td><td><i>данные</i></td><td>Указывается в любом элементе HTML для хранения пользовательских данных,относящихся к странице.</td></tr><tr><td><code>дирек</code></td><td><code>л</code><br/><code>л</code></td><td>Определяет базовое направление направленности текста элемента.</td></tr><tr><td><code>перетаскиваемый</code></td><td><code>верно</code><br/><code>ложно</code></td><td>Указывает,можно ли перетаскивать элемент.</td></tr><tr><td><code>dropzone</code></td><td><code>копия</code><br/><code>переместить</code><br/><code>ссылка</code></td><td>Указывает,будут ли перетаскиваемые данные копироваться,перемещаться или связываться при удалении.</td></tr><tr><td><code>скрыто</code></td><td><code>скрыто</code></td><td>Указывает,что элемент еще не актуален или больше не актуален.</td></tr><tr><td><code>id</code></td><td><i>наименование</i></td><td>Задает уникальный идентификатор(ID)элемента,который должен быть уникальным во всем документе.</td></tr><tr><td><code>язык</code></td><td><i>код языка</i></td><td>Задает основной язык текстового содержимого элемента.</td></tr><tr><td><code>проверка орфографии</code></td><td><code>верно</code><br/><code>ложно</code></td><td>Указывает,может ли элемент проверяться на наличие орфографических ошибок или нет.</td></tr><tr><td><code>стиль</code></td><td><i>стиль</i></td><td>Задает информацию о встроенном стиле для элемента.</td></tr><tr><td><code>tabindex</code></td><td><i>номер</i></td><td>Задает порядок перехода элемента.</td></tr><tr><td><code>титул</code></td><td><i>текст</i></td><td>Предоставляет консультативную информацию,относящуюся к элементу.Это было бы уместно для всплывающей подсказки.</td></tr><tr><td><code>перевести</code></td><td><code>да</code><br/><code>нет</code></td><td>Указывает,нужно ли переводить текстовое содержимое элемента.</td></tr><tr><td><code>xml:lang</code></td><td><i>код языка</i></td><td>Задает основной язык текстового содержимого элемента в документах XHTML.</td></tr></table><p>Тег области HTML</p><h2><span class="ez-toc-section"id="-_%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D0%B8%D0%BA_%D0%A0%D0%B5%D1%81%D0%BF%D1%83%D0%B1%D0%BB%D0%B8%D0%BA%D0%B0"></span>-Учебник Республика<span class="ez-toc-section-end"></span></h2><p>Тема:Справочник по тегам HTML5 Назад\|След.</p><h3><span class="ez-toc-section"id="%D0%9E%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5-2"></span>Описание<span class="ez-toc-section-end"></span></h3><p>Тег<code></p><area></code>определяет горячую область на изображении и связывает ее с гипертекстовой ссылкой.Этот элемент используется только в элементе<code></p><map></code>.</p><p>В следующей таблице приведены контекст использования и история версий этого тега.</p><table><tr><th>Родительский:</th><td><code><карта></code></td></tr><tr><th>Состав:</th><td>Нет.Это пустой элемент.</td></tr><tr><th>Начальный/конечный тег:</th><td>Начальный тег:<strong>требуется</strong>,Конечный тег:<strong>запрещено</strong></td></tr><tr><th>Версия:</th><td>HTML 2,3.2,4,4.01,5</td></tr></table><hr/><h3><span class="ez-toc-section"id="%D0%A1%D0%B8%D0%BD%D1%82%D0%B0%D0%BA%D1%81%D0%B8%D1%81-2"></span>Синтаксис<span class="ez-toc-section-end"></span></h3><p>Базовый синтаксис тега<code></p><area></code>задается следующим образом:</p><p><i>HTML:</i></p><area alt="<i> text </i>">;<i>XHTML:</i></p><area alt="<i> text </i>"/></p><p><strong>Примечание:</strong>В HTML закрывающий тег для тега<code></p><area></code>запрещен.В XHTML тег<code></p><area></code>должен закрываться косой чертой в конце,например:<code></p><area/></code>.Смотрите пустые элементы.</p><p>В следующем примере показан тег<code></p><area></code>в действии.</p><pre><code><img class="lazy lazy-hidden"src="sizes.png"usemap="# sizes"alt="Геометрические фигуры"><noscript><img src="sizes.png"usemap="# sizes"alt="Геометрические фигуры"></noscript><map name="shape"><area shape="circle"coords="40,40,40"href="circle.html "alt=" Круг "><area shape="poly"coords="148,2,104,80,193,80"href="Triangle.html"alt="Треугольник"><area shape="rect"coords="226,2,323,80"href="rectangle.html"alt="Прямоугольник"><area shape="poly"coords="392,2,352,32,366,80,418,80,432,32"href="pentagon.html"alt="Пентагон"></map></code></pre><hr/><h3><span class="ez-toc-section"id="%D0%90%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_%D1%81%D0%BF%D0%B5%D1%86%D0%B8%D1%84%D0%B8%D1%87%D0%BD%D1%8B%D0%B5_%D0%B4%D0%BB%D1%8F_%D1%82%D0%B5%D0%B3%D0%BE%D0%B2-2"></span>Атрибуты,специфичные для тегов<span class="ez-toc-section-end"></span></h3><p>В следующей таблице показаны атрибуты,относящиеся к тегу<code></p><area></code>.</p><table><tr><th>Атрибут</th><th>Значение</th><th>Описание</th></tr><tr><td colspan="3"><strong>Обязательно</strong>-Для того чтобы разметка была действительной,в этом теге должен быть указан следующий атрибут.</td></tr><tr><td><code>alt</code></td><td><i>текст</i></td><td>Задает заменяющий текст,который будет использоваться,когда изображения,определенные элементами области,недоступны.</td></tr><tr><td colspan="3"><strong>Необязательно</strong>-Следующие атрибуты не являются обязательными.</td></tr><tr><td><code>координаты</code></td><td><i>координаты</i></td><td>Указание координат горячей точки.</td></tr><tr><td><code>загрузить</code></td><td><i>имя файла</i></td><td>Указывает,загружать ли связанный ресурс вместо перехода к нему,когда пользователь щелкает ссылку.</td></tr><tr><td><code>href</code></td><td><i>URL</i></td><td>Задает цель гиперссылки для области.</td></tr><tr><td><code>h фланец</code></td><td><i>код языка</i></td><td>Задает язык связанного ресурса.Этот атрибут можно использовать,только если указано<code>href</code>.</td></tr><tr><td><code>СМИ</code></td><td><i>медиа-запрос</i></td><td>Задает носитель,для которого предназначен связанный ресурс.</td></tr><tr><td><code>nohref</code></td><td><code>nohref</code></td><td>Устарело Указывает,что для связанной области не существует гиперссылки.</td></tr><tr><td><code>отн.</code></td><td><code>альтернативный<br/>автор<br/>закладка<br/>справка<br/>лицензия<br/>следующая<br/>nofollow<br/>noreferrer<br/>предварительная выборка<br/>предыдущая<br/>поиск<br/>тег</code></td><td>Определяет отношение связанного ресурса к текущему документу.Этот атрибут следует использовать,только если присутствует атрибут<code>href</code>.</td></tr><tr><td><code>форма</code></td><td><code>по умолчанию<br/>прямоугольник<br/>круг<br/>поли</code></td><td>Задает форму соответствующей горячей точки.</td></tr><tr><td><code>цель</code></td><td><code>_blank<br/>_parent<br/>_self<br/>_top</code></td><td>Указывает,где отображать связанный ресурс,указанный в атрибуте<code>href</code>.</td></tr><tr><td><code>тип</code></td><td><i>тип содержимого</i></td><td>Задает тип содержимого(тип MIME)связанного содержимого-например,«изображение/jpeg»,«текст/html» и т.Д.</td></tr></table><hr/><h3><span class="ez-toc-section"id="%D0%93%D0%BB%D0%BE%D0%B1%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B-2"></span>Глобальные атрибуты<span class="ez-toc-section-end"></span></h3><p>Как и все другие теги HTML,тег<code></p><area></code>поддерживает глобальные атрибуты в HTML5.</p><hr/><h3><span class="ez-toc-section"id="%D0%90%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9-2"></span>Атрибуты событий<span class="ez-toc-section-end"></span></h3><p>Тег<code></p><area></code>также поддерживает атрибуты событий в HTML5.</p><hr/><h3><span class="ez-toc-section"id="%D0%A1%D0%BE%D0%B2%D0%BC%D0%B5%D1%81%D1%82%D0%B8%D0%BC%D0%BE%D1%81%D1%82%D1%8C_%D1%81_%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%BE%D0%BC-2"></span>Совместимость с браузером<span class="ez-toc-section-end"></span></h3><p>Тег<code></p><area></code>поддерживается во всех основных современных браузерах.</p><table><tr><td></td><td><h3><span class="ez-toc-section"id="%D0%91%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D1%8F_%D0%BF%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D0%BA%D0%B0-2"></span>Базовая поддержка-<span class="ez-toc-section-end"></span></h3><ul><li>Firefox 1+</li><li>Google Chrome 1+</li><li>Internet Explorer 2+</li><li>Apple Safari 1+</li><li>Опера 4+</li></ul></td></tr></table><hr/><h3><span class="ez-toc-section"id="%D0%94%D0%BE%D0%BF%D0%BE%D0%BB%D0%BD%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F_%D0%BB%D0%B8%D1%82%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%B0-2"></span>Дополнительная литература<span class="ez-toc-section-end"></span></h3><p>См.Учебное пособие по теме:Ссылки HTML.</p><p>Связанный тег:<code><img></code>,<code></p><map></code>.</p><p>Тег адреса HTML</p><h2><span class="ez-toc-section"id="-_Tutorial_Republic"></span>-Tutorial Republic<span class="ez-toc-section-end"></span></h2><p>Тема:Справочник по тегам HTML5 Назад\|След.</p><h3><span class="ez-toc-section"id="%D0%9E%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5-3"></span>Описание<span class="ez-toc-section-end"></span></h3><p>Тег<code><адрес></code>определяет контактную информацию автора.</p><p>Этот элемент используется для разметки контактных данных автора или владельца документа,чтобы читатель мог использовать эти данные для связи с владельцем документа.Элемент<code><адрес></code>часто появляется в начале или в конце документа.</p><p>В следующей таблице приведены контекст использования и история версий этого тега.</p><table><tr><th>Размещение:</th><td>Блок</td></tr><tr><th>Состав:</th><td><code></p><p></code>,встроенный и текстовый</td></tr><tr><th>Начальный/конечный тег:</th><td>Начальный тег:<strong>требуется</strong>,Конечный тег:<strong>требуется</strong></td></tr><tr><th>Версия:</th><td>HTML 2,3.2,4,4.01,5</td></tr></table><h4></h4><p><em>Примечания по использованию</em></h4><ul><li>Адресная метка не должна использоваться для представления произвольных адресов(т.Е.Адресов,не относящихся к контактной информации).</li><li>Адресный тег не должен содержать никакой другой информации,кроме контактной информации,например даты публикации(которая принадлежит тегу<code><time></code>).</li><li>Обычно адресный тег должен быть включен в раздел<code><br/><footer></code>.</li></ul><hr/><h3><span class="ez-toc-section"id="%D0%A1%D0%B8%D0%BD%D1%82%D0%B0%D0%BA%D1%81%D0%B8%D1%81-3"></span>Синтаксис<span class="ez-toc-section-end"></span></h3><p>Базовый синтаксис тега<code><адрес></code>задается следующим образом:</p><p><i>HTML/XHTML:</i><адрес>...</address></p><p>В приведенном ниже примере показан тег<code><адрес></code>в действии.</p><pre><code><нижний колонтитул><адрес><p><a href="https://www.w3.org/Consortium/contact-mit">MIT</a></p></address></footer></code></pre><p><strong>Примечание:</strong>Хотя текстовое содержимое элемента<code></p><address></code>обычно отображается с тем же стилем по умолчанию,что и<code><i></code>или<code><em></code>,но его более целесообразно использовать при работе с контактной информацией,так как передает дополнительную семантическую информацию.</p><hr/><h3><span class="ez-toc-section"id="%D0%90%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_%D1%81%D0%BF%D0%B5%D1%86%D0%B8%D1%84%D0%B8%D1%87%D0%BD%D1%8B%D0%B5_%D0%B4%D0%BB%D1%8F_%D1%82%D0%B5%D0%B3%D0%BE%D0%B2-3"></span>Атрибуты,специфичные для тегов<span class="ez-toc-section-end"></span></h3><p>Тег<code><адрес></code>не имеет какого-либо конкретного атрибута.</p><hr/><h3><span class="ez-toc-section"id="%D0%93%D0%BB%D0%BE%D0%B1%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B-3"></span>Глобальные атрибуты<span class="ez-toc-section-end"></span></h3><p>Как и все другие теги HTML,тег<code></p><address></code>поддерживает глобальные атрибуты в HTML5.</p><hr/><h3><span class="ez-toc-section"id="%D0%90%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9-3"></span>Атрибуты событий<span class="ez-toc-section-end"></span></h3><p>Тег<code></p><address></code>также поддерживает атрибуты событий в HTML5.</p><hr/><h3><span class="ez-toc-section"id="%D0%A1%D0%BE%D0%B2%D0%BC%D0%B5%D1%81%D1%82%D0%B8%D0%BC%D0%BE%D1%81%D1%82%D1%8C_%D1%81_%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%BE%D0%BC-3"></span>Совместимость с браузером<span class="ez-toc-section-end"></span></h3><p>Тег<code></p><address></code>поддерживается во всех основных современных браузерах.</p><table><tr><td></td><td><h3><span class="ez-toc-section"id="%D0%91%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D1%8F_%D0%BF%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D0%BA%D0%B0-3"></span>Базовая поддержка-<span class="ez-toc-section-end"></span></h3><ul><li>Firefox 1+</li><li>Google Chrome 1+</li><li>Internet Explorer 2+</li><li>Apple Safari 1+</li><li>Опера 4+</li></ul></td></tr></table><hr/><h3><span class="ez-toc-section"id="%D0%94%D0%BE%D0%BF%D0%BE%D0%BB%D0%BD%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F_%D0%BB%D0%B8%D1%82%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%B0-3"></span>Дополнительная литература<span class="ez-toc-section-end"></span></h3><p>См.Руководство по форматированию текста HTML.</p><p>Связанный тег:<code></p><p></code>,<code></p><footer></code>.</p><h2><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3%D0%B8_HTML5_-_%D1%81%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D0%B2%D1%81%D0%B5%D1%85_%D1%82%D0%B5%D0%B3%D0%BE%D0%B2_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2_HTML5"></span>Теги HTML5-список всех тегов/элементов HTML5<span class="ez-toc-section-end"></span></h2><p>Последнее обновление<time itemprop="dateModified"datetime="2021-08-01T00:00:00+00:00"><strong>1 августа 2021 г.</strong></time></p><h3><span class="ez-toc-section"id="%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D0%B2%D1%81%D0%B5%D1%85_%D1%82%D0%B5%D0%B3%D0%BE%D0%B2_HTML5"></span>Список всех тегов HTML5<span class="ez-toc-section-end"></span></h3><h3><span class="ez-toc-section"id="%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2_HTML5"></span>Список элементов HTML5<span class="ez-toc-section-end"></span></h3><h3><span class="ez-toc-section"id="%D0%AD%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B_HTML5"></span>Элементы HTML5<span class="ez-toc-section-end"></span></h3><h3><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3%D0%B8_HTML5"></span>Теги HTML5<span class="ez-toc-section-end"></span></h3><p>Это руководство по тегам HTML5 или элементам HTML5 содержит полный список всех стандартных тегов HTML5,относящихся к последним спецификациям HTML5 и HTML.Все теги или элементы HTML5 перечислены в алфавитном порядке.</p><p>HTML-тегов или элементов-это компоненты документа,написанного на HTML.Элемент определяется тегами HTML.Каждая страница состоит из набора HTML-элементов или тегов.Они представляют собой части документа,такие как заголовки и абзацы.</p><p>Одна из наиболее распространенных проблем для новичков-понимание разницы между элементами HTML и тегами.Элементы HTML представляют структуру документа,а теги-это просто часть синтаксиса HTML.</p><h3><span class="ez-toc-section"id="%D0%A7%D1%82%D0%BE_%D1%82%D0%B0%D0%BA%D0%BE%D0%B5_%D1%82%D0%B5%D0%B3%D0%B8_HTML5"></span>Что такое теги HTML5?<span class="ez-toc-section-end"></span></h3><p>HTML-тегов,соответствующих последним спецификациям HTML5.Весь список тегов HTML5 показан ниже в этом руководстве по тегам HTML5.</p><h3><span class="ez-toc-section"id="%D0%A7%D1%82%D0%BE_%D1%82%D0%B0%D0%BA%D0%BE%D0%B5_%D1%81%D0%B5%D0%BC%D0%B0%D0%BD%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B_HTML5"></span>Что такое семантические элементы HTML5?<span class="ez-toc-section-end"></span></h3><p>семантических элементов HTML5 определяет их содержимое.Примеры семантических элементов:</p><form>,</p><table>и</p><article>.Примеры несемантических элементов:</p><div>и<span>,ничего не говорит об их содержании.</p><h3><span class="ez-toc-section"id="%D0%92%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%BD%D1%8B%D0%B5_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B_HTML"></span>Вложенные элементы HTML<span class="ez-toc-section-end"></span></h3><p>Простой элемент HTML состоит из открывающего тега,закрывающего тега и некоторого содержимого(текста,изображений и т.Д.)Между ними.В случае вложенности элементов HTML-элемент может также содержать другие элементы,которые затем называются вложенными элементами.Вложение происходит на всех HTML-страницах,это обеспечивает лучшую функциональность и более аккуратный вид.</p><p>При вложении HTML-элементов убедитесь,что вы закрываете их в правильном порядке.Элемент,который был открыт последним,должен закрываться первым.</p><h3><span class="ez-toc-section"id="%D0%A7%D1%82%D0%BE_%D1%82%D0%B0%D0%BA%D0%BE%D0%B5_%D0%BF%D1%83%D1%81%D1%82%D0%BE%D0%B9_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82_%D0%B2_HTML"></span>Что такое пустой элемент в HTML?<span class="ez-toc-section-end"></span></h3><p>Стандартный элемент в HTML имеет содержимое,заключенное в открывающие и закрывающие теги,но некоторые из них пусты(недействительны).Такие элементы в основном используются для добавления или встраивания контента в документы.</p><h3><span class="ez-toc-section"id="%D0%A1%D0%BA%D0%BE%D0%BB%D1%8C%D0%BA%D0%BE_%D1%82%D0%B5%D0%B3%D0%BE%D0%B2_%D0%B2_HTML5"></span>Сколько тегов в HTML5?<span class="ez-toc-section-end"></span></h3><p>В HTML5 около 110 тегов.В HTML5 недавно появилось 32 тега.В следующем разделе содержится краткий обзор тегов HTML5.Следующий список всех тегов или элементов HTML5,упорядоченных по алфавиту.Полное руководство по определениям тегов HTML5 с примерами.</p><h3><span class="ez-toc-section"id="%D0%A1%D1%81%D1%8B%D0%BB%D0%BA%D0%B0_%D0%BD%D0%B0_%D1%82%D0%B5%D0%B3%D0%B8_HTML5"></span>Ссылка на теги HTML5<span class="ez-toc-section-end"></span></h3><h3><span class="ez-toc-section"id="%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D1%82%D0%B5%D0%B3%D0%BE%D0%B2_HTML5"></span>Список тегов HTML5<span class="ez-toc-section-end"></span></h3><h3><span class="ez-toc-section"id="%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D1%82%D0%B5%D0%B3%D0%BE%D0%B2_HTML5-2"></span>Список тегов HTML5<span class="ez-toc-section-end"></span></h3><p>По алфавиту</p><p>Ниже приводится список значений и примеров использования семантических тегов html5.</p><h3><span class="ez-toc-section"id="%D0%9E%D0%BF%D1%80%D0%B5%D0%B4%D0%B5%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5_%D1%82%D0%B5%D0%B3%D0%BE%D0%B2_HTML5"></span>Определение тегов HTML5<span class="ez-toc-section-end"></span></h3><h3><span class="ez-toc-section"id="%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D1%82%D0%B5%D0%B3%D0%BE%D0%B2_HTML5_%D1%81_%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D0%B0%D0%BC%D0%B8"></span>Список тегов HTML5 с примерами<span class="ez-toc-section-end"></span></h3><h3><span class="ez-toc-section"id="%D0%9A%D0%B0%D0%BA_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C_%D1%81%D0%B5%D0%BC%D0%B0%D0%BD%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5_%D1%82%D0%B5%D0%B3%D0%B8_html5"></span>Как использовать семантические теги html5?<span class="ez-toc-section-end"></span></h3><h3 title="HTML5 anchor Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><a></h3><p>HTML5 a(тег<a>),тег привязки или элемент создает гиперссылку на веб-страницы,файлы,адреса электронной почты,местоположения на той же странице или что-либо еще,к чему может обращаться URL.</p><p>Самым важным атрибутом элемента<a>является атрибут href,который указывает место назначения ссылки.Вы можете узнать о теге привязки из полного руководства по тегу привязки.</p><h3 title="HTML5 abbr Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-2"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><abbr></h3><p>Определяет сокращенную форму более длинного слова или фразы.Вы можете узнать о теге abbr из полного руководства по тегу abbr HTML5-элемент аббревиатуры.</p><h3 title="HTML5 address Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-3"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><адрес></h3><p>Задает контактную информацию автора.Вы можете узнать больше о теге адреса из полного руководства по тегу адреса HTML5-элемент контактного адреса.</p><h3 title="HTML5 area Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-4"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><area></h3><p>Тег области HTML определяет определенную область на карте изображения.Другими словами,это интерактивная область на изображении,которая определяется тегом карты.Теги области,определенные в теге карты для тега изображения.Тег области является только дочерним элементом тега карты.</p><h3 title="HTML5 article Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-5"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><article></h3><p>Этот тег представляет собой независимую часть содержимого документа,например запись в блоге или газетную статью.</p><h3 title="HTML5 aside Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-6"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><aside></h3><p>Определяет некоторый контент,слабо связанный с содержимым страницы.Этот тег представляет собой часть контента,которая лишь незначительно связана с остальной частью страницы.</p><h3 title="HTML5 audio Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-7"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><audio></h3><p>Встраивает звук или аудиопоток в документ HTML.</p><h3 title="HTML5 b Tag or bold Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-8"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><b></h3><p>Отображает текст жирным шрифтом.</p><h3 title="HTML5 base Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-9"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><base></h3><p>Определяет базовый URL для всех связанных объектов на странице.</p><h3 title="HTML5 bdi Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-10"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><bdi></h3><p>Представляет текст,который изолирован от своего окружения для целей двунаправленного форматирования текста.</p><h3 title="HTML5 bdo Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-11"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><bdo></h3><p>Заменяет текущее направление текста.</p><h3 title="HTML5 blockquote Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-12"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><blockquote></h3><p>Определяет длинное предложение.</p><h3 title="HTML5 body Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-13"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><body></h3><p>Определяет тело документа.</p><p>Тег HTML5</p><h3 title="HTML5 br Tag"></h3><p></h3><p>Создает одинарный разрыв строки.</p><h3 title="HTML5 button Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-14"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><button></h3><p>Создает кликабельную кнопку.</p><h3 title="HTML5 canvas Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-15"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><canvas></h3><p>Определяет область в документе,которую можно использовать для рисования графики на лету с помощью сценариев(обычно JavaScript).Элемент<canvas>предоставляет сценарии с холстом растрового изображения,зависящим от разрешения,который можно использовать для рендеринга графиков,игровой графики или других визуальных изображений на лету.</p><h3 title="HTML5 caption Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-16"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><caption></h3><p>Определяет заголовок таблицы.</p><h3 title="HTML5 cite Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-17"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><cite></h3><p>Обозначает цитату или ссылку на другой источник.</p><h3 title="HTML5 code Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-18"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><code></h3><p>Задает текст в виде компьютерного кода.</p><p>Тег</p><h3 title="HTML5 col Tag"><span class="ez-toc-section"id="HTML5"></span>HTML5<span class="ez-toc-section-end"></span></h3><col></h3><p>Определяет значения атрибутов для одного или нескольких столбцов в таблице.</p><h3 title="HTML5 colgroup Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-19"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><colgroup></h3><p>Задает атрибуты для нескольких столбцов в таблице.</p><h3 title="HTML5 datalist Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-20"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><datalist></h3><p>Представляет набор предопределенных параметров для элемента<input>.</p><h3 title="HTML5 dd Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-21"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><dd></h3><p>Задает определение термина в списке определений.</p><h3 title="HTML5 del Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-22"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><del></h3><p>Задает блок удаленного текста.</p><h3 title="HTML5 details Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-23"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><подробности></h3><p>Представляет виджет,из которого пользователь может получить дополнительную информацию или элементы управления по запросу.</p><h3 title="HTML5 dfn Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-24"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><dfn></h3><p>Задает определение.</p><h3 title="HTML5 div Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-25"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><div></h3><p>Задает раздел или раздел в документе.</p><h3 title="HTML5 dl Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-26"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><dl></h3><p>Определяет список определений.</p><h3 title="HTML5 dt Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-27"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><dt></h3><p>Определяет термин(элемент)в списке определений.</p><h3 title="HTML5 em Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-28"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><em></h3><p>Задает выделенный текст.</p><h3 title="HTML5 embed Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-29"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><embed></h3><p>Встраивает внешнее приложение,обычно мультимедийный контент,такой как аудио или видео,в HTML-документ.</p><h3 title="HTML5 fieldset Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-30"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><fieldset></h3><p>Задает набор связанных полей формы.</p><h3 title="HTML5 figcaption Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-31"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><figcaption></h3><p>Тег<figcaption>определяет заголовок или легенду рисунка.Тег<figcaption>определяет заголовок для элемента</p><figure>.Элемент<figcaption>может быть первым или последним дочерним элементом элемента</p><figure>.</p><h3 title="HTML5 figure Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-32"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><figure></h3><p>Обозначает рисунок,представленный как часть документа.Этот тег можно использовать для связывания подписи с некоторым встроенным содержимым,например графикой или видео.</p><h3 title="HTML5 footer Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-33"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><нижний колонтитул></h3><p>Представляет нижний колонтитул документа или раздела и может содержать информацию об авторе,информацию об авторских правах и т.Д.</p><h3 title="HTML5 form Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-34"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><form></h3><p>Определяет HTML-форму для ввода пользователем.Раздел форм HTML5 изначально был спецификацией под названием Web Forms 2.0,который добавил новые типы элементов управления для форм.</p><h3 title="HTML5 h2 to h6 Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3%D0%B8_HTML5_%D0%BE%D1%82"></span>Теги HTML5 от<span class="ez-toc-section-end"></span></h3><h2><span class="ez-toc-section"id="%D0%B4%D0%BE-2"></span>до<span class="ez-toc-section-end"></span></h2><h6></h6></h3><p>Определяет заголовки HTML.</p><h3 title="HTML5 head Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-35"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><head></h3><p>Определяет заголовок документа,который содержит информацию о документе,например заголовок.</p><h3 title="HTML5 header Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-36"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><заголовок></h3><p>Представляет заголовок документа или раздела.</p><h3 title="HTML5 hgroup Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-37"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><hgroup></h3><p>Определяет группу заголовков.</p><h3 title="HTML5 hr Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-38"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><hr></h3><p>Произведите горизонтальную линию.</p><h3 title="HTML5 html Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-39"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><html></h3><p>Определяет корень HTML-документа.</p><h3 title="HTML5 i Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-40"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><i></h3><p>Отображает текст курсивом.</p><h3 title="HTML5 iframe Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-41"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><iframe></h3><p>Тег iframe определяет встроенный фрейм.Он отображает URL-адрес во встроенном фрейме.</p><h3><span class="ez-toc-section"id="%D0%9A%D0%B0%D0%BA%D0%BE%D0%B9_%D1%82%D0%B5%D0%B3_HTML5_%D0%BF%D0%BE%D0%B7%D0%B2%D0%BE%D0%BB%D1%8F%D0%B5%D1%82_%D0%B2%D1%81%D1%82%D1%80%D0%BE%D0%B8%D1%82%D1%8C_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%83_%D0%B2_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%83"></span>Какой тег HTML5 позволяет встроить веб-страницу в веб-страницу?<span class="ez-toc-section-end"></span></h3><p>Тег iframe html5 позволяет встроить веб-страницу внутрь веб-страницы.Тег iframe используется для встраивания другого документа в текущий HTML-документ.</p><h3><span class="ez-toc-section"id="%D0%9A%D0%B0%D0%BA_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C_%D1%82%D0%B5%D0%B3"></span>Как использовать тег<span class="ez-toc-section-end"></span></h3><p><iframe>в HTML5?</h3><p>В следующем примере показано,как использовать тег iframe в html5.</p><h3><span class="ez-toc-section"id="%D0%9A%D0%B0%D0%BA_%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C_%D1%82%D0%B5%D0%B3_iframe_%D0%B2_%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D0%B5_HTML5"></span>Как использовать тег iframe в примере HTML5<span class="ez-toc-section-end"></span></h3><p><iframe src="https://www.hudatutorials.com"title="Учебники Huda - Учебник по Java, Python, HTML5"></iframe></p><h3 title="HTML5 img Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-42"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><img></h3><p>Показывает встроенное изображение.</p><h3 title="HTML5 input Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-43"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><input></h3><p>Определяет элемент управления вводом.</p><h3 title="HTML5 ins Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-44"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><ins></h3><p>Определяет блок текста,который был вставлен в документ.</p><h3 title="HTML5 kbd Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-45"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><kbd></h3><p>Задает текст для ввода с клавиатуры.</p><h3 title="HTML5 keygen Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-46"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><keygen></h3><p>Представляет элемент управления для создания пары открытого и закрытого ключей.</p><h3 title="HTML5 label Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-47"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><label></h3><p>Определяет метку для элемента управления<input>.</p><h3 title="HTML5 legend Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-48"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><legend></h3><p>Определяет заголовок для элемента</p><fieldset>.</p><h3 title="HTML5 li Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-49"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><li></h3><p>Определяет элемент списка.</p><h3 title="HTML5 link Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-50"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><ссылка></h3><p>Определяет связь между текущим документом и внешним ресурсом.</p><h3 title="HTML5 map Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-51"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><map></h3><p>Определяет карту изображений на стороне клиента.</p><h3 title="HTML5 mark Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-52"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><mark></h3><p>Обозначает текст,выделенный для справки.</p><h3 title="HTML5 menu Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-53"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><menu></h3><p>Представляет список команд.</p><h3 title="HTML5 meta Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-54"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><meta></h3><p>Предоставляет структурированные метаданные о содержимом документа.</p><h3 title="HTML5 meter Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-55"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><meter></h3><p>представляет собой скалярное измерение в пределах известного диапазона.</p><h3 title="HTML5 nav Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-56"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><nav></h3><p>Определяет раздел навигационных ссылок.Этот тег представляет собой раздел документа,предназначенный для навигации.</p><h3 title="HTML5 noscript Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-57"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><noscript></h3><p>Определяет альтернативное содержимое для отображения,когда браузер не поддерживает сценарии.</p><h3 title="HTML5 object Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-58"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><объект></h3><p>Определяет внедренный объект.</p><h3 title="HTML5 ol Tag or Ordered List Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-59"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><ol></h3><p>Определяет упорядоченный список.</p><h3 title="HTML5 optgroup Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-60"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><optgroup></h3><p>Определяет группу связанных опций в списке выбора.</p><h3 title="HTML5 option Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-61"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><опция></h3><p>Определяет параметр в списке выбора.</p><h3 title="HTML5 output Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-62"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><вывод></h3><p>Представляет результат вычисления.</p><h3 title="HTML5 p Tag or Paragraph Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-63"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3></h3><p>Определяет абзац.</p><h3 title="HTML5 param Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-64"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><параметр></h3><p>Определяет параметр для объекта или элемента апплета.</p><h3 title="HTML5 pre Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-65"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><pre></h3><p>Определяет блок предварительно отформатированного текста.</p><h3 title="HTML5 progress Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-66"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><прогресс></h3><p>Представляет ход выполнения задачи.</p><h3 title="HTML5 q Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-67"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><q></h3><p>Определяет короткое встроенное предложение.</p><h3 title="HTML5 rp Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-68"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><rp></h3><p>Предоставляет откатные скобки для браузеров,которые не поддерживают рубиновые аннотации.</p><h3 title="HTML5 rt Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-69"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><rt></h3><p>Определяет произношение символа,представленного в рубиновой аннотации.</p><h3 title="HTML5 ruby Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-70"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><ruby></h3><p>Представляет рубиновую аннотацию.</p><h3 title="HTML5 samp Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-71"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><samp></h3><p>Задает текст как образец вывода компьютерной программы.</p><h3 title="HTML5 script"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-72"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><script></h3><p>Размещает сценарий в документе для обработки на стороне клиента.</p><h3 title="HTML5 section Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-73"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><раздел></h3><p>HTML5 тег раздела представляет собой общий раздел документа или приложения.Его можно использовать вместе с тегами от h2 до h6 для обозначения структуры документа.Определяет раздел документа,например верхний,нижний колонтитул и т.Д.</p><h3><span class="ez-toc-section"id="%D0%9A%D0%B0%D0%BA_%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C_%D1%82%D0%B5%D0%B3_%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB%D0%B0_%D0%B2_html5"></span>Как создать тег раздела в html5?<span class="ez-toc-section-end"></span></h3><p>В следующем примере показано,как создать тег раздела в html5.</p><h3><span class="ez-toc-section"id="%D0%9A%D0%B0%D0%BA_%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C_%D1%82%D0%B5%D0%B3_%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB%D0%B0_%D0%B2_html5_%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80"></span>Как создать тег раздела в html5 Пример<span class="ez-toc-section-end"></span></h3><pre><раздел><h3><span class="ez-toc-section"id="%D0%97%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BE%D0%BA_%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB%D0%B0"></span>Заголовок раздела<span class="ez-toc-section-end"></span></h3><p>Содержание раздела.</p></section></pre><h3 title="HTML5 select Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-74"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><select></h3><p>Определяет список выбора в форме.</p><h3 title="HTML5 small Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-75"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><small></h3><p>Отображает текст меньшего размера.</p><h3 title="HTML5 source Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-76"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><источник></h3><p>Определяет альтернативные медиаресурсы для таких медиаэлементов,как<audio>или<video>.</p><h3 title="HTML5 span Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-77"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><span></h3><p>Определяет встроенный раздел документа без стиля.</p><h3 title="HTML5 strong Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-78"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><strong></h3><p>Обозначьте сильно подчеркнутый текст.</p><h3 title="HTML5 style Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-79"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><стиль></h3><p>Вставляет информацию о стиле(обычно CSS)в заголовок документа.</p><h3 title="HTML5 sub Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-80"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><sub></h3><p>Определяет текст с нижним индексом.</p><h3 title="HTML5 summary Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-81"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><резюме></h3><p>Определяет сводку для элемента</p><details>.</p><h3 title="HTML5 sup Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-82"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><sup></h3><p>Определяет надстрочный текст.</p><h3 title="HTML5 table Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-83"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><таблица></h3><p>Определяет таблицу данных.</p><h3 title="HTML5 tbody Tag or Table Body Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-84"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><tbody></h3><p>Группирует набор строк,определяющих основную часть данных таблицы.</p><h3 title="HTML5 td Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-85"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><td></h3><p>Определяет ячейку в таблице.</p><h3 title="HTML5 textarea Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-86"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><textarea></h3><p>Определяет элемент управления вводом многострочного текста(текстовая область).</p><h3 title="HTML5 tfoot Tag or Table Footer Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-87"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><tfoot></h3><p>Группирует набор строк,суммирующих столбцы таблицы.</p><h3 title="HTML5 th Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-88"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><th></h3><p>Определяет ячейку заголовка в таблице.</p><h3 title="HTML5 thead Tag or Table Header Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-89"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><thead></h3><p>Группирует набор строк,описывающих метки столбцов таблицы.</p><h3 title="HTML5 time Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-90"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><время></h3><p>Представляет время и/или дату.</p><h3 title="HTML5 title Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-91"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><title></h3><p>Определяет заголовок документа.</p><h3 title="HTML5 tr Tag or Table Row Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-92"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><tr></h3><p>Определяет ряд ячеек в таблице.</p><h3 title="HTML5 track Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-93"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><трек></h3><p>Определяет текстовые дорожки для таких мультимедийных элементов,как<audio>или<video>.</p><h3 title="HTML5 ul Tag or Unordered List Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-94"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><ul></h3><p>Определяет неупорядоченный список.</p><h3 title="HTML5 var Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-95"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><var></h3><p>Определяет переменную.</p><h3 title="HTML5 video Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-96"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><видео></h3><p>Встраивает видеоконтент в документ HTML.</p><h3 title="HTML5 wbr Tag"><span class="ez-toc-section"id="%D0%A2%D0%B5%D0%B3_HTML5-97"></span>Тег HTML5<span class="ez-toc-section-end"></span></h3><p><wbr></h3><p>Представляет возможность разрыва строки.</p><h3><span class="ez-toc-section"id="%D0%9A%D0%B0%D0%BA%D0%B8%D0%B5_%D1%87%D0%B5%D1%82%D1%8B%D1%80%D0%B5_%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D1%8B%D1%85_HTML-%D1%82%D0%B5%D0%B3%D0%B0"></span>Какие четыре основных HTML-тега?<span class="ez-toc-section-end"></span></h3><p><html>,<head>,<title>и<body>-это 4 основных HTML-тега,необходимых для создания веб-страницы.</p><table><h2><span class="ez-toc-section"id="HTML_%D0%A1%D1%81%D1%8B%D0%BB%D0%BA%D0%B0"></span>HTML Ссылка<span class="ez-toc-section-end"></span></h2><tr><th>Тег</th><th>Описание</th></tr><tr><td><!-...--></td><td>Определяет комментарий</td></tr><tr><td><!DOCTYPE></td><td>Определяет вид документа</td></tr><tr><td><a></td><td>Определяет гиперссылку</td></tr><tr><td><abbr></td><td>Определяет аббревиатуру или акроним</td></tr><tr><td><аббревиатура></td><td>Не поддерживается в HTML5.Вместо этого используйте<abbr>.<br/>Определяет аббревиатуру</td></tr><tr><td><адрес></td><td>Определяет контактную информацию автора/владельца документа</td></tr><tr><td><приложение></td><td>Не поддерживается в HTML5.Вместо этого используйте<embed>или<object>.<br/>Определяет встроенный апплет</td></tr><tr><td><area></td><td>Определяет область внутри карты изображений</td></tr><tr><td><статья></td><td>Определяет артикул</td></tr><tr><td><сторона></td><td>Определяет содержимое помимо содержимого страницы</td></tr><tr><td><аудио></td><td>Определяет встроенный звуковой контент</td></tr><tr><td><b></td><td>Определяет полужирный текст</td></tr><tr><td><база></td><td>Определяет базовый URL-адрес/цель для всех относительных URL-адресов в документе</td></tr><tr><td><базовая часть</td><td>Не поддерживается в HTML5.Вместо этого используйте CSS.<br/>Задает цвет,размер и шрифт по умолчанию для всего текста в документе</td></tr><tr><td><bdi></td><td>Изолирует часть текста,которая может быть отформатирована в другом направлении.<br/>из другого текста вне его</td></tr><tr><td><bdo></td><td>Заменяет текущее направление текста</td></tr><tr><td><big></td><td>Не поддерживается в HTML5.Вместо этого используйте CSS.<br/>Определяет большой текст</td></tr><tr><td><blockquote></td><td>Определяет раздел,цитируемый из другого источника</td></tr><tr><td><body></td><td>Определяет тело документа</td></tr><tr><td></td><td>Определяет одинарный разрыв строки</td></tr><tr><td><кнопка></td><td>Определяет кнопку,на которую можно нажимать</td></tr><tr><td><холст></td><td>Используется для рисования графики «на лету» с помощью сценариев(обычно JavaScript)</td></tr><tr><td><заголовок></td><td>Определяет заголовок таблицы</td></tr><tr><td><центр></td><td>Не поддерживается в HTML5.Вместо этого используйте CSS.<br/>Определяет центрированный текст</td></tr><tr><td><cite></td><td>Определяет название произведения</td></tr><tr><td><код></td><td>Определяет часть компьютерного кода</td></tr><tr><td><col></td><td>Задает свойства столбца для каждого столбца в элементе</p><colgroup></td></tr><tr><td><colgroup></td><td>Задает группу из одного или нескольких столбцов в таблице для форматирования.</td></tr><tr><td><данные></td><td>Добавляет машиночитаемый<br/>перевод заданного контента</td></tr><tr><td><datalist></td><td>Определяет список предопределенных параметров для элементов управления вводом</td></tr><tr><td><dd></td><td>Определяет описание/значение термина в списке описаний</td></tr><tr><td><del></td><td>Определяет текст,который был удален из документа</td></tr><tr><td><подробности></td><td>Определяет дополнительные сведения,которые пользователь может просматривать или скрывать.</td></tr><tr><td><dfn></td><td>Задает термин,который будет определен в содержании.</td></tr><tr><td><диалог></td><td>Определяет диалоговое окно или окно</td></tr><tr><td><dir></td><td>Не поддерживается в HTML5.Вместо этого используйте</p><ul>.<br/>Определяет список каталогов</td></tr><tr><td><div></td><td>Определяет раздел в документе</td></tr><tr><td><dl></td><td>Определяет список описаний</td></tr><tr><td><dt></td><td>Определяет термин/имя в списке описаний</td></tr><tr><td><em></td><td>Определяет выделенный текст</td></tr><tr><td><вставка></td><td>Определяет контейнер для внешнего приложения</td></tr><tr><td><fieldset></td><td>Группирует связанные элементы в форме</td></tr><tr><td><figcaption></td><td>Определяет заголовок для элемента</p><figure></td></tr><tr><td><рисунок></td><td>Задает автономное содержимое</td></tr><tr><td><font></td><td>Не поддерживается в HTML5.Вместо этого используйте CSS.<br/>Определяет шрифт,цвет и размер текста</td></tr><tr><td><нижний колонтитул></td><td>Определяет нижний колонтитул для документа или раздела</td></tr><tr><td><форма></td><td>Определяет HTML-форму для ввода данных пользователем</td></tr><tr><td><рамка></td><td>Не поддерживается в HTML5.<br/>Определяет окно(фрейм)в наборе фреймов</td></tr><tr><td><набор кадров></td><td>Не поддерживается в HTML5.<br/>Определяет набор кадров</td></tr><tr><td><h2><span class="ez-toc-section"id="%D0%B4%D0%BE-3"></span>до<span class="ez-toc-section-end"></span></h2><h6></h6></td><td>Определяет заголовки HTML</td></tr><tr><td><head></td><td>Содержит метаданные/информацию для документа</td></tr><tr><td><заголовок></td><td>Определяет заголовок документа или раздела</td></tr><tr><td><hr></td><td>Определяет тематическое изменение содержания</td></tr><tr><td><html></td><td>Определяет корень HTML-документа</td></tr><tr><td><i></td><td>Определяет часть текста альтернативным голосом или настроением</td></tr><tr><td><кадр></td><td>Определяет встроенный фрейм</td></tr><tr><td><img></td><td>Определяет изображение</td></tr><tr><td><вход></td><td>Определяет элемент управления вводом</td></tr><tr><td><ins></td><td>Определяет текст,который был вставлен в документ</td></tr><tr><td><КБД></td><td>Определяет ввод с клавиатуры</td></tr><tr><td><метка></td><td>Определяет метку для элемента<input></td></tr><tr><td><легенда></td><td>Определяет заголовок для элемента</p><fieldset></td></tr><tr><td><li></td><td>Определяет элемент списка</td></tr><tr><td><ссылка></td><td>Определяет связь между документом и внешним ресурсом(большинство<br/>используется для ссылки на таблицы стилей)</td></tr><tr><td><основная></td><td>Определяет основное содержание документа</td></tr><tr><td><карта></td><td>Определяет карту изображения</td></tr><tr><td><марка></td><td>Определяет выделенный/выделенный текст</td></tr><tr><td><meta></td><td>Определяет метаданные о документе HTML</td></tr><tr><td><метр></td><td>Определяет скалярное измерение в известном диапазоне(датчик)</td></tr><tr><td><nav></td><td>Определяет навигационные ссылки</td></tr><tr><td><количество кадров></td><td>Не поддерживается в HTML5.<br/>Определяет альтернативный контент для пользователей,которые не поддерживают фреймы</td></tr><tr><td><noscript></td><td>Определяет альтернативный контент для пользователей,которые не поддерживают<br/>клиентские скрипты</td></tr><tr><td><объект></td><td>Определяет контейнер для внешнего приложения</td></tr><tr><td><ol></td><td>Определяет упорядоченный список</td></tr><tr><td><optgroup></td><td>Определяет группу связанных опций в раскрывающемся списке</td></tr><tr><td><опция></td><td>Определяет вариант в раскрывающемся списке</td></tr><tr><td><выход></td><td>Определяет результат расчета</td></tr><tr><td></td><td>Определяет параграф</td></tr><tr><td><параметр></td><td>Определяет параметр для объекта</td></tr><tr><td><рисунок></td><td>Определяет контейнер для нескольких ресурсов изображений</td></tr><tr><td><pre></td><td>Определяет предварительно отформатированный текст</td></tr><tr><td><прогресс></td><td>Представляет ход выполнения задачи</td></tr><tr><td><q></td><td>Определяет короткое предложение</td></tr><tr><td><rp></td><td>Определяет,что показывать в браузерах,не поддерживающих рубиновые аннотации</td></tr><tr><td><rt></td><td>Определяет объяснение/произношение символов(для восточноазиатских<br/>типографика)</td></tr><tr><td><рубин></td><td>Определяет рубиновую аннотацию(для восточноазиатской типографики)</td></tr><tr><td><s></td><td>Определяет текст,который больше не является правильным</td></tr><tr><td><samp></td><td>Определяет пример вывода компьютерной программы</td></tr><tr><td><скрипт></td><td>Определяет клиентский сценарий</td></tr><tr><td><раздел></td><td>Определяет раздел в документе</td></tr><tr><td><выбрать></td><td>Определяет раскрывающийся список</td></tr><tr><td><маленький></td><td>Определяет меньший текст</td></tr><tr><td><источник></td><td>Определяет несколько медиаресурсов для медиаэлементов(<video>и<audio>)</td></tr><tr><td><span></td><td>Определяет раздел в документе</td></tr><tr><td><удар></td><td>Не поддерживается в HTML5.Вместо этого используйте<del>или<s>.<br/>Определяет зачеркнутый текст</td></tr><tr><td><strong></td><td>Определяет важный текст</td></tr><tr><td><стиль></td><td>Определяет информацию о стиле для документа</td></tr><tr><td><sub></td><td>Определяет текст с нижним индексом</td></tr><tr><td><резюме></td><td>Определяет видимый заголовок для элемента</p><details></td></tr><tr><td><sup></td><td>Определяет надстрочный текст</td></tr><tr><td><svg></td><td>Определяет контейнер для графики SVG</td></tr><tr><td><таблица></td><td>Определяет таблицу</td></tr><tr><td><tbody></td><td>Группирует содержимое тела в таблицу</td></tr><tr><td><td></td><td>Определяет ячейку в таблице</td></tr><tr><td><шаблон></td><td>Определяет контейнер для контента,который должен быть скрыт при загрузке страницы</td></tr><tr><td><textarea></td><td>Определяет многострочный элемент управления вводом(текстовая область)</td></tr><tr><td><фут></td><td>Группирует содержимое нижнего колонтитула в таблицу</td></tr><tr><td><th></td><td>Определяет ячейку заголовка в таблице</td></tr><tr><td><thead></td><td>Группирует содержимое заголовка в таблицу</td></tr><tr><td><время></td><td>Определяет конкретное время(или дату и время)</td></tr><tr><td><название></td><td>Определяет заголовок документа</td></tr><tr><td><tr></td><td>Определяет строку в таблице</td></tr><tr><td><трек></td><td>Определяет текстовые дорожки для мультимедийных элементов(<video>и<audio>)</td></tr><tr><td><tt></td><td>Не поддерживается в HTML5.</p><div id="comments"class="comments-area"><div id="respond"class="comment-respond"><h3 id="reply-title"class="comment-reply-title">Добавить комментарий<small><a rel="nofollow"id="cancel-comment-reply-link"href="/raznoe/vse-tegi-html5-s-opisaniem-i-primerami-html-tegi-po-kategoriyam.html#respond"style="display:none;">Отменить ответ</a></small></h3><form action="https://jumper.su/wp-comments-post.php"method="post"id="commentform"class="comment-form"><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span><span class="required-field-message">Обязательные поля помечены<span class="required"></span></span></p><p class="comment-form-comment"><label for="comment">Комментарий<span class="required"></span></label><textarea id="comment"name="comment"cols="45"rows="8"maxlength="65525"required="required"> Имя Email* Сайт [an error occurred while processing the directive][an error occurred while processing the directive]Навигация по записям Previous PostКак делать репост в контакте:Как сделать репост в ВК(Вконтакте)? Next PostPhp переменная static:Странные они,статические переменные в PHP/Хабр Рубрики Wordpress Без рубрики Верстка Дизайн Для начинающих Обучение Примеры Разное Шаблон [an error occurred while processing the directive] 2024 © Все права защищены.