worldwide open-source software - software:development:ps_pycharm:html5

content_categories

anonymous@undisclosed.example.com (Anonymous) — Sun, 20 Aug 2023 18:44:51 +0000

Категории контента

Каждый элемент HTML принадлежит некоторому количеству категорий контента, которые объединяют элементы с общим набором характеристик. Такая группировка является свободной, то есть не задаёт на самом деле отношение между элементами таких типов, но помогает определить и описать их поведение и правила, которым они должны следовать, особенно когда дело доходит до сложных деталей. Также возможна ситуация, когда элемент не входит ни в одну из этих категорий.

Существует три типа категорий контента:

Основные категории контента, описывающие общие для многих элементов правила;
Категории контента для элементов форм, описывающие общие правила для элементов форм;
Особые категории контента, описывающие редкие категории, актуальные только для нескольких элементов, возможно, лишь в особом контексте.

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

Content_categories_venn.png

Основные категории контента

Метаданные

Элементы, принадлежащие к категории метаданных, изменяют отображение или поведение HTML-документа, связывают его с другими документами и предоставляют другую дополнительную информацию о документе.

Элементами метаданных являются: <base>, <command>, <link>, <meta>, <noscript>, <script>, <style> и <title>.

Основной поток

Элементы основного потока обычно содержат текст и встроенный контент.

<a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>,<bdo>, <bdi>, <blockquote>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <del>, <details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h1> , <h2> , <h3> , <h4> , <h5> , <h6> , <header>, <hgroup>, <hr>, <i> , <iframe> , <img>, <input>, <ins>, <kbd>, Устарело<keygen>, <label>, <main>, <map>, <mark>, <math>, <menu>, <meter>, <nav>, <noscript>, <object> , <ol>, <output>, <p>, <pre>, <progress>, <q> , <ruby>, <s> , <samp> , <script>, <section>, <select>, <small> , <span>, <strong>, <sub> , <sup> , <svg>, <table> , <template>, <textarea> , <time>, <ul>, <var> , <video>, <wbr> и Текст.

Несколько других элементов, которые тоже принадлежат к этому типу, но требуют определённых условий:

<area>, только внутри элемента <map>
<link>, при наличии атрибута itemprop
<meta>, при наличии атрибута itemprop
<style>, при наличии атрибута scoped

Секционный контент

Подобные элементы создают секции (блоки) в текущей структуре документа, определяющие область действия заголовочного контента и элементов <header> и <footer>

К этой категории принадлежат элементы <article>, <aside>, <nav> и <section>.

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

Заголовочный контент

Заголовочный контент задаёт заголовок секции, явно отмеченной структурным элементом или неявно – самим заголовочным.

Данной категории принадлежат такие элементы, как <h1> , <h2> , <h3> , <h4> , <h5> , <h6> и <hgroup>.

Примечание: Элемент <header>сам по себе не является заголовочным, хотя с большой вероятностью 
содержит контент такого типа.

Примечание: Стоит заметить, что элемент <hgroup> был удалён из спецификации W3C HTML до приведения 
HTML 5 к окончательному варианту, но до сих пор является частью спецификации WHATWG и по крайней 
мере частично поддерживается большинством браузеров.

Фразовый контент

Фразовый контент определяет текст и его формат. Серии фразового контента образуют параграфы.

К данной категории принадлежат следующие элементы: <abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <dfn>, <em>, <embed>, <i> , <iframe> , <img>, <input>, <kbd>, Устарело<keygen>, <label>, <mark>, <math>, <meter>, <noscript>, <object> , <output>, <progress>, <q> , <ruby>, <samp> , <script>, <select>, <small> , <span>, <strong>, <sub> , <sup> , <svg>, <textarea> , <time>, <var> , <video>, <wbr> и обычный текст (не только состоящий из символов пробелов).

Ещё несколько элементов входят в данную категорию при соблюдении особых условий:

<a>, если содержит в себе только фразовый контент
<area>, только внутри элемента <map>
<del>, если содержит в себе только фразовый контент
<ins>, если содержит в себе только фразовый контент
<link>, при наличии атрибута itemprop
<map>, если содержит в себе только фразовый контент
<meta>, при наличии атрибута itemprop

Встроенный контент

Встроенный контент импортирует в документ другой ресурс или вставляет содержимое на другом языке разметки или принадлежащее другому пространству имён. Элементами данной категории являются: <audio>, <canvas>, <embed>, <iframe> , <img>, <math>, <object> , <svg>, <video>.

Интерактивный контент

К интерактивному контенту относятся элементы, который специально разработаны для взаимодействия с пользователем. В данную категорию входят <a>, <button>, <details>, <embed>, <iframe> , Устарело<keygen>, <label>, <select> и <textarea>. Некоторые элементы считаются интерактивным контентом только при соблюдении определённых условий:

<audio>, если указан атрибут controls
<img>, если указан атрибут usemap
<input>, если атрибут type не скрыт
<menu>, если атрибут type имеет значение toolbar
<object> , если указан атрибут usemap
<video>, если указан атрибут controls

Явный контент

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

Контент форм

Контент форм включает в себя элементы, у которых есть владелец формы, обозначенный атрибутом form. Владельцем формы является либо элемент <form>, либо элемент, id которого указан в атрибуте form.

Данная категория включает несколько подкатегорий:

listed Элементы, перечисленные в IDL коллекциях form.elements и fieldset.elements. Включают <button>, <fieldset>, <input>, Устарело<keygen>, <object> , <output>, <select>, и <textarea> .

labelable

Элементы, которые могут ассоциироваться с элементами <label>. Включают <button>, <input>, Устарело<keygen>, <meter>, <output>, <progress>, <select> и <textarea> .

submittable

Элементы, которые могут использоваться для построения набора данных формы при отправке на сервер. Включают <button>, <input>, Устарело<keygen>, <object> , <select> и <textarea> .

resettable

Элементы, которые могут быть затронуты при сбросе данных формы. Включают <input>, Устарело<keygen>, <output>,<select> и <textarea> .

Вторичные категории

Существуют некоторые вторичные классификации элементов, о которых тоже полезно знать.

Элементы поддержки скриптов

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

Элементами поддержки скриптов являются:

Прозрачная модель контента

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

Например, элементы <del> и <ins> являются прозрачными:

<p>Мы почитаем следующие истины <del><em>священными &amp; неоспоримыми </em></del> 
<ins> само собой разумеющимися </ins> </p>

Если удалить эти элементы, данный фрагмент всё равно будет представлять собой валидный HTML.

<p>Мы почитаем следующие истины <em>священными &amp; </em> само собой разумеющимися.</p>

Прочие модели контента

Корень задания разделов.

element_crib

anonymous@undisclosed.example.com (Anonymous) — Sun, 20 Aug 2023 14:19:37 +0000

html5-reference-poster.pdf

Метаданные и скрипты
Элемент	Описание	Атрибут
<head>	Содержит машиночитаемую информацию (metadata) о документе, например его заголовок, скрипты и страницы стилей.	глобальные атрибуты
<title>	Определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются.	глобальные атрибуты
<meta>	Представляет такие метаданные, которые не могут быть представлены другими HTML-метатегами, такими как <base>, <link>, <script>, <style> или <title>.	charset, content, http-equiv, name
<base>	Определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе. Может быть только один <base> элемент в одном документе.	href, target
<link>	Определяет отношения между текущим документом и внешним ресурсом. Этот элемент чаще всего используется для ссылки на stylesheets, а также для создания иконок сайта (как для иконок в стиле «favicon», так и для иконок домашних экранов и приложений мобильных устройств) среди прочего.	as, crossorigin, href, rel, media, hreflang, type, sizes, imagesizes, imagesrcset, integrity, referrerpolicy, title, глобальные атрибуты
<style>	Содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS.	media, nonce, type, title, scoped
<canvas>	Может быть использован для отрисовки графики при помощи скриптов (обычно используется JavaScript). Например, его можно использовать для отрисовки графиков, делать композиции фото или даже выполнять анимации. Вы можете (и должны) дать альтернативное содержание внутри блока <canvas>. Этот контент будет рендерится в обоих браузерах, в старых которые не поддерживают canvas и в браузерах с отключённым JavaScript.	height, moz-opaque, width, глобальные атрибуты
<noscript>	Определяет секцию HTML кода, которая будет вставлена, если в браузере пользователя нет либо отключена поддержка JavaScript.	глобальные атрибуты
<script>	Используется для встраивания или подключения исполняемого JavaScript кода. Элемент <script> также может использоваться с другими языками, такими как GLSL от WebGL.	async, crossorigin, high, defer, low, auto, integrity, nomodule, module, nonce, referrerpolicy, src, type, importmap, глобальные атрибуты

element

anonymous@undisclosed.example.com (Anonymous) — Sun, 20 Aug 2023 16:48:07 +0000

Элемент

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

Основные элементы

Основные элементы являются основой любого HTML документа. Вы увидите эти элементы в исходном коде для всех веб-страниц после задания типа документа на первой строке на странице. DOCTYPE определяет, какую версию (X) HTML эта страница использует. Элементы страницы находятся между открывающим тегом <HTML> и закрывающим </ HTML>. Элемент|<html> называется корневым элементом. html

Элемент	Описание
<html>	Представляет собой корень (элемент верхнего уровня) HTML-документа, поэтому его так же называют корневым элементом. Все другие элементы должны быть потомками этого элемента (должны находиться внутри него).

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

Элемент	Описание
<base>	Определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе. Может быть только один <base> элемент в одном документе.
<head>	Содержит машиночитаемую информацию (metadata) о документе, например его заголовок, скрипты и страницы стилей.
<link>	Определяет отношения между текущим документом и внешним ресурсом. Этот элемент чаще всего используется для ссылки на stylesheets, а также для создания иконок сайта (как для иконок в стиле «favicon», так и для иконок домашних экранов и приложений мобильных устройств) среди прочего.
<meta>	Представляет такие метаданные, которые не могут быть представлены другими HTML-метатегами, такими как <base>, <link>, <script>, <style> или <title>.
<style>	Содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS.
<title>	Определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются.

Секционирование корня

Элемент	Описание
<body>	Представляет собой контент (содержимое) документа HTML. В документе может быть только один элемент <body>.

Секционирование содержания

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

Элемент	Описание
<address>	Задаёт контактные данные для ближайшего родительского <article> или <body> ; В последнем случае применяется ко всему документу, визуально выделяется курсивом.
<article>	Представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого.
<aside>	Представляет собой часть документа, чьё содержимое только косвенно связанно с основным содержимым документа. Чаще всего представлен в виде боковой панели, сносок или меток.
<footer>	Представляет собой нижний колонтитул (футер, подвал) для своего ближайшего секционного контента или секционного корня. Футер обычно содержит информацию об авторе раздела, информацию об авторском праве или ссылки на связанные документы.
<header>	Представляет собой вводный контент, обычно группу вводных или навигационных средств. Он может содержать другие элементы-заголовки, а также логотип, форму поиска, имя автора и другие элементы.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>	HTML-элементы <h1>–<h6> представляют собой 6 уровней заголовков секций. <h1> это наибольший заголовок и <h6> - наименьший.
<main>	Предназначен для основного контента (содержимого) <body> документа (страницы). Основной контент состоит из контента, который непосредственно относится к главной теме документа или её развивает.
<nav>	Определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу). В качестве примера такой секции можно привести меню, якорные ссылки.
<section>	Представляет собой автономный раздел — который не может быть представлен более точным по семантике элементом — внутри HTML-документа. Как правило, но не всегда, разделы имеют заголовок.

Текстовое содержание

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

Элемент	Описание
<blockquote>	Указывает на то, что заключённый в нем текст является развёрнутой цитатой. Обычно он (текст) визуально выделяется наклонным (смотри Примечание , где говорится о том, как это изменить). URI на источник цитаты можно указать в атрибуте cite, тогда как текстовое представление источника может быть задано элементом <cite>.
<dd>	Предоставляет подробности или определение предшествующего термина (<dt>) в списке определений (<dl>).
<div>	Является универсальным контейнером для потокового контента. Он не влияет на контент или макет до тех пор, пока не будет стилизован с помощью CSS.
<dl>	Представляет собой список описаний. Этот элемент служит контейнером для списка пар терминов (определяемых элементом <dt>) и их описаний (определяемых элементами <dd>). Этот элемент обычно используют при создании глоссария или для отображения метаданных (списка пар ключ-значение).
<dt>	Определяет термин в описании или списке определений, как таковой должен использоваться внутри элемента <dl> . Обычно за ним следует элемент <dd>. Кроме того, несколько элементов <dt> идущие друг за другом будут содержать своё определение в следующем идущем за ним элементом<dd>.
<figcaption>	Представляет собой подпись (заголовок) или легенду, описывающую остальную часть содержимого родительского элемента <figure>.
<figure>	Представляет самостоятельный контент, часто с подписью (заголовком), которая указывается с помощью элемента (<figcaption>). Диаграмма и её подпись представляет собой единое целое.
<hr>	Служит для тематического разделения абзацев. Рисует горизонтальную прямую.
<li>	Используется для создания элементов списка. Он также должен находиться в родительском элементе: упорядоченном списке (<ol>), неупорядоченном списке (<ul>), или меню (<menu>). В меню и неупорядоченных списках, элементы списка обычно отображаются с маркерами в виде круга. В упорядоченных списках, они обычно отображаются с маркерами в виде возрастающего счётчика слева, например числа или буквы.
<menu>	Представляет группу команд, которые пользователь может выполнить или активировать. Он включает как меню-списки, которые могут отображаться в верхней части экрана, так и контекстные меню, например, такие, что могут появиться под кнопкой после нажатия.
<ol>	Используется для упорядоченного списка — в частности для пронумерованного списка.
<p>	Представляет собой абзац. Абзацы обычно представлены в визуальной среде в виде блоков текста, отделённых от соседних блоков пустыми строками и/или отступом в первой строке, кроме этого HTML-абзацы могут представлять собой структурную группировку однотипного содержимого, например изображений или полей формы.
<pre>	Представляет собой предварительно отформатированный текст, который должен быть представлен точно так, как написано в HTML-файле. Текст обычно отображается с использованием непропорционального («monospace») шрифта. Пробелы внутри этого элемента отображаются как записанные.
<ul>	Используется для неупорядоченного списка - в частности для маркированного списка.

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

Используйте встроенную в HTML текстовую семантику, чтобы определить смысл, структуру или стиль текста, линий или части текста.

Элемент	Описание
<a>	Определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами.
<abbr>	Представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут title. Иные значения title, кроме расшифровки аббревиатуры не допускаются.
<b>	Является частью текста стилистически отличающейся от нормального текста, не носящий какого-либо специального значения или важности, и как правило выделен жирным шрифтом.
<bdi>	Изолирует от окружающего текста текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается).
<bdo>	Переопределяет текущее направление текста так, что текст внутри отображается в другом направлении.
<br>	Устанавливает перевод строки в тексте (возврат каретки). Он полезен при написании поэмы или адреса, где важно деление на строки.
<cite>	Представляет из себя ссылку на источник цитаты. Он должен включать в себя название произведения или URL, который может быть в сокращённом виде в соответствии с правилами, используемых для добавления метаданных цитирования.
<code>	Отображает его содержимое в стиле, предназначенном для указания на то, что текст является коротким фрагментом компьютерного кода. По умолчанию текст содержимого отображается с использованием шрифта монопространства по умолчанию пользовательского агента.
<data>	*Связывает данное содержимое с машиночитаемым представлением. Если содержимое относится к времени или дате, необходимо использовать элемент <time>.
<dfn>	Используется для указания термина, определяемого в контексте фразы или предложения. Элемент <p>, пара <dt>/<dd> или элемент <section>, который является ближайшим предком <dfn> считается определением термина.
<em>	Отмечает акцентируемый текст. Элемент <em> может быть вложенным, причём каждый уровень вложенности указывает на большую степень акцента.
<i>	Представляет собой отрывок текста, выделяемый среди прочего по определенным причинам, например: идиоматический текст, технические термины, систематические обозначения и прочее. Обычно отмечается курсивом, от чего и получил свое название (от англ. Italic).
<kbd>	Указывает на то, что текст внутри элемента описывает пользовательский ввод с клавиатуры, голосовой ввод или ввод с использованием любого другого типа устройств ввода текста. По общему соглашению, user agent использует моноширинный шрифт для отображения содержимого элемента <kbd> по умолчанию, хотя это и не указывается HTML стандартом явно.
<mark>	Представляет текст, выделенный в справочных целях из-за своей актуальности в определённом контексте. Например, он может быть использован на странице с результатом поиска, в которой выделяется каждый экземпляр искомого слова.
<q>	Indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don't require paragraph breaks; for long quotations use the <blockquote> element.
<rp>	Used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the <ruby> element. One <rp> element should enclose each of the opening and closing parentheses that wrap the <rt> element that contains the annotation's text.
<rt>	Specifies the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The <rt> element must always be contained within a <ruby> element.
<ruby>	Предназначен для добавления небольшой аннотации сверху или снизу от заданного текста. Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим.
<s>	Renders text with a strikethrough, or a line through it. Use the <s> element to represent things that are no longer relevant or no longer accurate. However, <s> is not appropriate when indicating document edits; for that, use the del and ins elements, as appropriate.
<samp>	Used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser's default monospaced font (such as Courier or Lucida Console).
<small>	Represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from small to x-small.
<span>	Является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов class или id) или потому, что они имеет общие значения атрибутов, например lang. Он должен быть использован только когда нет другого подходящего по семантике элемента. <span> очень похож на элемент <div>, но <div> является блочным элементом, в то время как <span> является строчным.
<strong>	Указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.
<sub>	Specifies inline text which should be displayed as subscript for solely typographical reasons. Subscripts are typically rendered with a lowered baseline using smaller text.
<sup>	Specifies inline text which is to be displayed as superscript for solely typographical reasons. Superscripts are usually rendered with a raised baseline using smaller text.
<time>	Используется для представления либо времени в 24-часовом формате, либо точной даты по Григорианскому календарю (с опциональным указанием времени и часового пояса).
<u>	The HTML Unarticulated Annotation Element (<u>) represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS.
<var>	Represents the name of a variable in a mathematical expression or a programming context. It's typically presented using an italicized version of the current typeface, although that behavior is browser-dependent.
<wbr>	Предоставляет возможность переноса слова – позицию в тексте, где браузер может по желанию разбить строку, в противном случае его правила разрыва строки не будут создавать разрыв в этом месте.

Изображения и мультимедиа

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

Элемент	Описание
<area>	Определяет активную область на изображении и, при желании, связывает её с гипертекстовой ссылкой . Этот элемент используется только внутри элемента <map>.
<audio>	Используется для встраивания звукового контента в документ. Он может содержать один или более источников аудио, представленных с помощью атрибута src или элемента <source> – браузер выберет один наиболее подходящий. Он так же может предназначаться для потокового мультимедиа, используя интерфейс MediaStream.
<img>	Встраивает изображение в документ. Это замещаемый элемент.
<map>	Используется с элементами <area> для определения карты изображения (интерактивной области ссылок).
<track>	Используется как дочерний элемент медиа-элементов <audio> and <video>. Позволяет указать синхронизированные текстовые дорожки (или данные на основе времени), например, для автоматической обработки субтитров. Файлы треков используют формат WebVTT (.vtt файлы) — Web Video Text Tracks или Timed Text Markup Language (TTML).
<video>	Для встраивания видео контента в документ используйте элемент HTML <video>. Видео элемент может содержать один или несколько источников видео. Чтобы указать источник видео, необходимо использовать атрибут src или элемент <source>; браузер сам определит наиболее подходящий источник.

Встроенное содержание

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

Элемент	Описание
<embed>	Вставляет расширенный контент в выбранное место документа. Этот контент может быть представлен от внешнего приложения или другого источника интерактивного контента, такого как плагин для браузера, например.
<iframe>	Represents a nested browsing context, embedding another HTML page into the current one.
<object>	Represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.
<picture>	Служит контейнером для одного или более элементов <source> и одного элемента <img> для обеспечения оптимальной версии изображения для различных размеров экрана. Браузер рассмотрит каждый из дочерних элементов <source> и выберет один, соответствующий лучшему совпадению; если совпадений среди элементов <source> найдено не будет, то будет выбран файл, указанный атрибутом src элемента <img> . Затем выбранное изображение отображается в пространстве, занятом элементом <img>.
<portal>	Enables the embedding of another HTML page into the current one for the purposes of allowing smoother navigation into new pages.
<source>	Указывает несколько медиа-ресурсов для элементов <picture>, <video> и <audio>. Это пустой элемент. Он обычно используется для обслуживания одного и того же медиа-контента в нескольких форматах, поддерживаемых различными браузерами .

SVG and MathML

You can embed SVG and MathML content directly into HTML documents, using the <svg> and <math> elements.

Элемент	Описание
<svg>	Представляет собой контейнер, который определяет новую систему координат и область просмотра. Он используется, как самый внешний элемент документов SVG, но также может использоваться для встраивания фрагмента SVG в документ SVG или HTML.
<math>	Элементом верхнего уровня в MathML является тэг <math>. Каждый допустимый экземпляр MathML должен быть внутри этого контейнера. Он не допускает вложений, но внутри может быть произвольное число других дочерних элементов.

Элемент

Описание

<svg>

Представляет собой контейнер, который определяет новую систему координат и область просмотра. Он используется, как самый внешний элемент документов SVG, но также может использоваться для встраивания фрагмента SVG в документ SVG или HTML.

<math>

Элементом верхнего уровня в MathML является тэг <math>. Каждый допустимый экземпляр MathML должен быть внутри этого контейнера. Он не допускает вложений, но внутри может быть произвольное число других дочерних элементов.

Скриптинг

Чтобы создавать динамический контент и веб-приложения, HTML поддерживает использование скриптовых языков, наиболее известным является JavaScript. Некоторые элементы поддерживают эту возможность.

Элемент	Описание
<canvas>	Может быть использован для отрисовки графики при помощи скриптов (обычно используется JavaScript). Например, его можно использовать для отрисовки графиков, делать композиции фото или даже выполнять анимации. Вы можете (и должны) дать альтернативное содержание внутри блока <canvas>. Этот контент будет рендерится в обоих браузерах, в старых которые не поддерживают canvas и в браузерах с отключённым JavaScript.
<noscript>	Определяет секцию HTML кода, которая будет вставлена, если в браузере пользователя нет либо отключена поддержка JavaScript.
<script>	Используется для встраивания или подключения исполняемого JavaScript кода. Элемент <script> также может использоваться с другими языками, такими как GLSL от WebGL.

Разграничительные правки

Эти элементы позволяют вам отметить определённые части текста.

Элемент	Описание
<del>	Представляет диапазон текста, который был удалён из документа. Он может быть использован, например, при отображении «отслеживания изменений» или различий в исходном коде. Элемент <ins> можно использовать для противоположной цели: указание текста, который был добавлен в документ.
<ins>	Представляет собой диапазон текста, который был добавлен в документ.

Элемент

Описание

<del>

Представляет диапазон текста, который был удалён из документа. Он может быть использован, например, при отображении «отслеживания изменений» или различий в исходном коде. Элемент <ins> можно использовать для противоположной цели: указание текста, который был добавлен в документ.

<ins>

Представляет собой диапазон текста, который был добавлен в документ.

Содержание таблиц

Эти элементы используются для создания и обработки табличных данных.

Элемент	Описание
<caption>	Определяет название (заголовок) таблицы. Если этот элемент используется, он всегда должен быть первым вложенным элементом тэга <table> . Внешний вид и расположение заголовка по отношению к самой таблице может быть изменено с помощью стилей CSS caption-side and text-align.
<col>	Определяет столбец в таблице и используется для определения общей семантики на всех ячейках. Обычно он находится в элементе <colgroup> .
<colgroup>	Defines a group of columns within a table.
<table>	Represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
<tbody>	Encapsulates a set of table rows (<tr> elements), indicating that they comprise the body of the table (<table> ).
<td>	Определяет ячейку таблицы которая содержит данные. Участвует в табличной модели.
<tfoot>	Определяет набор строк суммирующих столбцы таблицы.
<th>	Defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes.
<thead>	Defines a set of rows defining the head of the columns of the table.
<tr>	Defines a row of cells in a table. The row's cells can then be established using a mix of <td> (data cell) and <th> (header cell) elements.

Формы

HTML содержит некоторое количество элементов, которые используются вместе для создания форм, которые пользователь может заполнить и отправить на сервер. Доступно множество информации по этой теме в руководстве по HTML формам.

Элемент	Описание
<button>	Создаёт интерактивную кнопку, которая может быть использована в формах или в любом другом месте документа, который требует простой, стандартной кнопки. По умолчанию, кнопки HTML обычно представлены в стиле, аналогичном стилю хост-платформы, на которой работает user agent, но вы можете изменить внешний вид кнопки, используя CSS.
<datalist>	Содержит набор опций (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>, с атрибутом list.
<fieldset>	Используется для группировки нескольких элементов управления в веб-форме.
<form>	Представляет (собой) раздел документа, содержащий интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер.
<input>	Используется для создания интерактивных элементов управления в веб-формах для получения данных от пользователя; в зависимости от устройства и user agent, доступен широкий выбор типов входных данных и виджетов управления. Из-за огромного количества возможных сочетаний типов ввода и атрибутов это один из самых мощных и сложных элементов HTML.
<label>	Представляет собой подпись к элементу пользовательского интерфейса.
<legend>	Представляет собой заголовок содержания родительского элемента <fieldset>.
<meter>	Представляет собой скалярное значение в пределах известного диапазона или дробного значения.
<optgroup>	Позволяет группировать опции, находящиеся внутри элемента <select>.
<option>	Используется для определения пункта списка контейнера <select>, элемента <optgroup>, или элемента <datalist>. Элемент <option> может представлять раздел меню всплывающих окон и других перечней или списков HTML документа.
<output>	Является контейнерным элементом, в котором сайт или приложение могут выводить результаты вычислений или действий пользователя.
<progress>	Отображает индикатор, показывающий ход выполнения задачи, обычно отображаемый в виде прогресс бара (индикатора выполнения).
<select>	Представляет собой элемент управления который содержит меню опций:.
<textarea>	Represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.

Интерактивные элементы

HTML содержит в себе элементы, которые помогают создавать интерактивные объекты пользовательского интерфейса.

Элемент	Описание
<details>	Используется для раскрытия скрытой (дополнительной) информации.
<dialog>	Определяет диалоговое окно или другой интерактивный элемент, такой как инспектор или окно. Элементы <form> могут интегрироваться с диалогом с помощью указания атрибута method=«dialog». Когда отправляется такая форма, диалог закрывается с returnValue равным value нажатой кнопки submit.
<summary>	The HTML Disclosure Summary element (<summary>) element specifies a summary, caption, or legend for a <details> element's disclosure box. Clicking the <summary> element toggles the state of the parent <details> element open and closed.

Веб-компоненты

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

Примечание: Эти элементы определены в World Wide Web Consortium (W3C) Web Components collection of specifications скорее, чем в HTML спецификации. К тому же, спецификация Веб-компонентов не завершена и является темой для обсуждений.

Элемент	Описание
<slot>	Является частью набора технологии Web Components, является заполнителем внутри веб компонента, который можно заполнить собственной разметкой, которая позволяет создавать отдельные деревья DOM и представлять их вместе.
<template>	Представляет собой механизм для отложенного создания клиентского контента, который не отображается во время загрузки страницы, но может быть инициализирован при помощи JavaScript.

Устаревшие и осуждаемые элементы

Предупреждение: Эти HTML-элементы являются устаревшими, и их использование не рекомендуется. Вы не должны использовать их для новых проектов, а также должны заменить их в старых проектах как можно быстрее. Они перечислены здесь только в информационных целях.

Элемент	Описание
<acronym>	Позволяет явно указать, что данная последовательность букв, являющуюся акронимом или аббревиатурой.
<applet>	Определяет включение апплета Java.
<bgsound>	Sets up a sound file to play in the background while the page is used; use <audio> instead.
<big>	Renders the enclosed text at a font size one level larger than the surrounding text (medium becomes large, for example). The size is capped at the browser's maximum permitted font size.
<blink>	Causes the enclosed text to flash slowly.
<center>	Displays its block-level or inline contents centered horizontally within its containing element.
<content>	An obsolete part of the Web Components suite of technologies—was used inside of Shadow DOM as an insertion point, and wasn't meant to be used in ordinary HTML. It has now been replaced by the <slot> element, which creates a point in the DOM at which a shadow DOM can be inserted.
<dir>	Container for a directory of files and/or folders, potentially with styles and icons applied by the user agent. Do not use this obsolete element; instead, you should use the <ul> element for lists, including lists of files.
<font>	Определяет размер шрифта, цвета и лицо для его содержимого.
<frame>	Defines a particular area in which another HTML document can be displayed. A frame should be used within a <frameset> .
<frameset>	Used to contain <frame> elements.
<image>	Примечание: Этот элемент был удалён из HTML5 (W3C) спецификации , но до сих пор остаётся в спецификации WHATWG. Он частично встроен в большинство браузеров, хотя бы поэтому вряд ли уйдёт. Поскольку схематический алгоритм не реализован ни в одном браузере, семантика тега <hgroup> на практике реализована только теоретически. Спецификация HTML5 (W3C) даёт совет как обозначать подзаголовки, альтернативные заголовки и слоганы.
<keygen>	Элемент HTML <image> был экспериментальным элементом, предназначенный для отображения изображений. Он никогда не был реализован, вместо него должен использоваться стандартный элемент <img>.
<marquee>	Used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes.
<menuitem>	HTML-элемент <marquee> используется для создания на странице прокручивающегося текста (бегущей строки).
<nobr>	Prevents the text it contains from automatically wrapping across multiple lines, potentially resulting in the user having to scroll horizontally to see the entire width of the text.
<noembed>	An obsolete, non-standard way to provide alternative, or «fallback», content for browsers that do not support the embed element or do not support the type of embedded content an author wishes to use. This element was deprecated in HTML 4.01 and above in favor of placing fallback content between the opening and closing tags of an <object> element.
<noframes>	Provides content to be presented in browsers that don't support (or have disabled support for) the <frame> element. Although most commonly-used browsers support frames, there are exceptions, including certain special-use browsers including some mobile browsers, as well as text-mode browsers.
<param>	Defines parameters for an <object> element.
<plaintext>	Renders everything following the start tag as raw text, ignoring any following HTML. There is no closing tag, since everything after it is considered raw text.
<rb>	Used to delimit the base text component of a ruby annotation, i.e. the text that is being annotated. One <rb> element should wrap each separate atomic segment of the base text.
<rtc>	Embraces semantic annotations of characters presented in a ruby of <rb> elements used inside of <ruby> element. <rb> elements can have both pronunciation (<rt> ) and semantic (<rtc> ) annotations.
<shadow>	An obsolete part of the Web Components technology suite that was intended to be used as a shadow DOM insertion point. You might have used it if you have created multiple shadow roots under a shadow host.
<spacer>	Allows insertion of empty spaces on pages. It was devised by Netscape to accomplish the same effect as a single-pixel layout image, which was something web designers used to use to add white spaces to web pages without actually using an image. However, <spacer> is no longer supported by any major browser and the same effects can now be achieved using simple CSS.
<strike>	Places a strikethrough (horizontal line) over text.
<tt>	Creates inline text which is presented using the user agent default monospace font face. This element was created for the purpose of rendering text as it would be displayed on a fixed-width display such as a teletype, text-only screen, or line printer.
<xmp>	Renders text between the start and end tags without interpreting the HTML in between and using a monospaced font. The HTML2 specification recommended that it should be rendered wide enough to allow 80 characters per line.

element3

anonymous@undisclosed.example.com (Anonymous) — Fri, 11 Aug 2023 13:27:48 +0000

Элемент

Основные элементы

Основные элементы являются основой любого HTML документа. Вы увидите эти элементы в исходном коде для всех веб-страниц после задания типа документа на первой строке на странице. DOCTYPE определяет, какую версию (X) HTML эта страница использует. Элементы страницы находятся между открывающим тегом <HTML> и закрывающим </ HTML>. Элемент|<html> называется корневым элементом.

Элемент	Описание
`<html>`	Представляет собой корень (элемент верхнего уровня) HTML-документа, поэтому его так же называют корневым элементом. Все другие элементы должны быть потомками этого элемента (должны находиться внутри него).

Элемент	Описание
`<base>`	Определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе. Может быть только один `<base>` элемент в одном документе.
`<head>`	Содержит машиночитаемую информацию (metadata) о документе, например его заголовок, скрипты и страницы стилей.
`<link>`	Определяет отношения между текущим документом и внешним ресурсом. Этот элемент чаще всего используется для ссылки на stylesheets, а также для создания иконок сайта (как для иконок в стиле «favicon», так и для иконок домашних экранов и приложений мобильных устройств) среди прочего.
`<meta>`	Представляет такие метаданные, которые не могут быть представлены другими HTML-метатегами, такими как `<base>`, `<link>`, `<script>`, `<style>` или `<title>`.
`<style>`	Содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS.
`<title>`	Определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются.

Секционирование корня

Элемент	Описание
`<body>`	Представляет собой контент (содержимое) документа HTML. В документе может быть только один элемент `<body>`.

Секционирование содержания

Элемент	Описание
`<address>`	Задаёт контактные данные для ближайшего родительского `<article>` или `<body>` ; В последнем случае применяется ко всему документу, визуально выделяется курсивом.
`<article>`	Представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого.
`<aside>`	Представляет собой часть документа, чьё содержимое только косвенно связанно с основным содержимым документа. Чаще всего представлен в виде боковой панели, сносок или меток.
`<footer>`	Представляет собой нижний колонтитул (футер, подвал) для своего ближайшего секционного контента или секционного корня. Футер обычно содержит информацию об авторе раздела, информацию об авторском праве или ссылки на связанные документы.
`<header>`	Представляет собой вводный контент, обычно группу вводных или навигационных средств. Он может содержать другие элементы-заголовки, а также логотип, форму поиска, имя автора и другие элементы.
`<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`	HTML-элементы `<h1>`–`<h6>` представляют собой 6 уровней заголовков секций. `<h1>` это наибольший заголовок и `<h6>` - наименьший.
`<main>`	Предназначен для основного контента (содержимого) `<body>` документа (страницы). Основной контент состоит из контента, который непосредственно относится к главной теме документа или её развивает.
`<nav>`	Определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу). В качестве примера такой секции можно привести меню, якорные ссылки.
`<section>`	Представляет собой автономный раздел — который не может быть представлен более точным по семантике элементом — внутри HTML-документа. Как правило, но не всегда, разделы имеют заголовок.

Текстовое содержание

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

Элемент	Описание
`<blockquote>`	Указывает на то, что заключённый в нем текст является развёрнутой цитатой. Обычно он (текст) визуально выделяется наклонным (смотри Примечание , где говорится о том, как это изменить). URI на источник цитаты можно указать в атрибуте cite, тогда как текстовое представление источника может быть задано элементом `<cite>`.
`<dd>`	Предоставляет подробности или определение предшествующего термина (`<dt>`) в списке определений (`<dl>`).
`<div>`	Является универсальным контейнером для потокового контента. Он не влияет на контент или макет до тех пор, пока не будет стилизован с помощью CSS.
`<dl>`	Представляет собой список описаний. Этот элемент служит контейнером для списка пар терминов (определяемых элементом `<dt>`) и их описаний (определяемых элементами `<dd>`). Этот элемент обычно используют при создании глоссария или для отображения метаданных (списка пар ключ-значение).
`<dt>`	Определяет термин в описании или списке определений, как таковой должен использоваться внутри элемента `<dl>` . Обычно за ним следует элемент `<dd>`. Кроме того, несколько элементов `<dt>` идущие друг за другом будут содержать своё определение в следующем идущем за ним элементом`<dd>`.
`<figcaption>`	Представляет собой подпись (заголовок) или легенду, описывающую остальную часть содержимого родительского элемента `<figure>`.
`<figure>`	Представляет самостоятельный контент, часто с подписью (заголовком), которая указывается с помощью элемента (`<figcaption>`). Диаграмма и её подпись представляет собой единое целое.
`<hr>`	Служит для тематического разделения абзацев. Рисует горизонтальную прямую.
`<li>`	Используется для создания элементов списка. Он также должен находиться в родительском элементе: упорядоченном списке (`<ol>`), неупорядоченном списке (`<ul>`), или меню (`<menu>`). В меню и неупорядоченных списках, элементы списка обычно отображаются с маркерами в виде круга. В упорядоченных списках, они обычно отображаются с маркерами в виде возрастающего счётчика слева, например числа или буквы.
`<menu>`	Представляет группу команд, которые пользователь может выполнить или активировать. Он включает как меню-списки, которые могут отображаться в верхней части экрана, так и контекстные меню, например, такие, что могут появиться под кнопкой после нажатия.
`<ol>`	Используется для упорядоченного списка — в частности для пронумерованного списка.
`<p>`	Представляет собой абзац. Абзацы обычно представлены в визуальной среде в виде блоков текста, отделённых от соседних блоков пустыми строками и/или отступом в первой строке, кроме этого HTML-абзацы могут представлять собой структурную группировку однотипного содержимого, например изображений или полей формы.
`<pre>`	Представляет собой предварительно отформатированный текст, который должен быть представлен точно так, как написано в HTML-файле. Текст обычно отображается с использованием непропорционального («monospace») шрифта. Пробелы внутри этого элемента отображаются как записанные.
`<ul>`	Используется для неупорядоченного списка - в частности для маркированного списка.

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

Элемент	Описание
`<a>`	Определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами.
`<abbr>`	Представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут title. Иные значения title, кроме расшифровки аббревиатуры не допускаются.
`<b>`	Является частью текста стилистически отличающейся от нормального текста, не носящий какого-либо специального значения или важности, и как правило выделен жирным шрифтом.
`<bdi>`	Изолирует от окружающего текста текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается).
`<bdo>`	Переопределяет текущее направление текста так, что текст внутри отображается в другом направлении.
`<br>`	Устанавливает перевод строки в тексте (возврат каретки). Он полезен при написании поэмы или адреса, где важно деление на строки.
`<cite>`	Представляет из себя ссылку на источник цитаты. Он должен включать в себя название произведения или URL, который может быть в сокращённом виде в соответствии с правилами, используемых для добавления метаданных цитирования.
`<code>`	Отображает его содержимое в стиле, предназначенном для указания на то, что текст является коротким фрагментом компьютерного кода. По умолчанию текст содержимого отображается с использованием шрифта монопространства по умолчанию пользовательского агента.
`<data>`	*Связывает данное содержимое с машиночитаемым представлением. Если содержимое относится к времени или дате, необходимо использовать элемент `<time>`.
`<dfn>`	Используется для указания термина, определяемого в контексте фразы или предложения. Элемент `<p>`, пара `<dt>`/`<dd>` или элемент `<section>`, который является ближайшим предком `<dfn>` считается определением термина.
`<em>`	Отмечает акцентируемый текст. Элемент `<em>` может быть вложенным, причём каждый уровень вложенности указывает на большую степень акцента.
`<i>`	Представляет собой отрывок текста, выделяемый среди прочего по определенным причинам, например: идиоматический текст, технические термины, систематические обозначения и прочее. Обычно отмечается курсивом, от чего и получил свое название (от англ. Italic).
`<kbd>`	Указывает на то, что текст внутри элемента описывает пользовательский ввод с клавиатуры, голосовой ввод или ввод с использованием любого другого типа устройств ввода текста. По общему соглашению, user agent использует моноширинный шрифт для отображения содержимого элемента `<kbd>` по умолчанию, хотя это и не указывается HTML стандартом явно.
`<mark>`	Представляет текст, выделенный в справочных целях из-за своей актуальности в определённом контексте. Например, он может быть использован на странице с результатом поиска, в которой выделяется каждый экземпляр искомого слова.
`<q>`	Indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don't require paragraph breaks; for long quotations use the `<blockquote>` element.
`<rp>`	Used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the `<ruby>` element. One `<rp>` element should enclose each of the opening and closing parentheses that wrap the `<rt>` element that contains the annotation's text.
`<rt>`	Specifies the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The `<rt>` element must always be contained within a `<ruby>` element.
`<ruby>`	Предназначен для добавления небольшой аннотации сверху или снизу от заданного текста. Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим.
`<s>`	Renders text with a strikethrough, or a line through it. Use the `<s>` element to represent things that are no longer relevant or no longer accurate. However, `<s>` is not appropriate when indicating document edits; for that, use the del and ins elements, as appropriate.
`<samp>`	Used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser's default monospaced font (such as Courier or Lucida Console).
`<small>`	Represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from small to x-small.
`<span>`	Является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов class или id) или потому, что они имеет общие значения атрибутов, например lang. Он должен быть использован только когда нет другого подходящего по семантике элемента. `<span>` очень похож на элемент `<div>`, но `<div>` является блочным элементом, в то время как `<span>` является строчным.
`<strong>`	Указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.
`<sub>`	Specifies inline text which should be displayed as subscript for solely typographical reasons. Subscripts are typically rendered with a lowered baseline using smaller text.
`<sup>`	Specifies inline text which is to be displayed as superscript for solely typographical reasons. Superscripts are usually rendered with a raised baseline using smaller text.
`<time>`	Используется для представления либо времени в 24-часовом формате, либо точной даты по Григорианскому календарю (с опциональным указанием времени и часового пояса).
`<u>`	The HTML Unarticulated Annotation Element (`<u>`) represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS.
`<var>`	Represents the name of a variable in a mathematical expression or a programming context. It's typically presented using an italicized version of the current typeface, although that behavior is browser-dependent.
`<wbr>`	Предоставляет возможность переноса слова – позицию в тексте, где браузер может по желанию разбить строку, в противном случае его правила разрыва строки не будут создавать разрыв в этом месте.

Изображения и мультимедиа

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

Элемент	Описание
`<area>`	Определяет активную область на изображении и, при желании, связывает её с гипертекстовой ссылкой . Этот элемент используется только внутри элемента `<map>`.
`<audio>`	Используется для встраивания звукового контента в документ. Он может содержать один или более источников аудио, представленных с помощью атрибута src или элемента `<source>` – браузер выберет один наиболее подходящий. Он так же может предназначаться для потокового мультимедиа, используя интерфейс MediaStream.
`<img>`	Встраивает изображение в документ. Это замещаемый элемент.
`<map>`	Используется с элементами `<area>` для определения карты изображения (интерактивной области ссылок).
`<track>`	Используется как дочерний элемент медиа-элементов `<audio>` and `<video>`. Позволяет указать синхронизированные текстовые дорожки (или данные на основе времени), например, для автоматической обработки субтитров. Файлы треков используют формат WebVTT (.vtt файлы) — Web Video Text Tracks или Timed Text Markup Language (TTML).
`<video>`	Для встраивания видео контента в документ используйте элемент HTML `<video>`. Видео элемент может содержать один или несколько источников видео. Чтобы указать источник видео, необходимо использовать атрибут src или элемент `<source>`; браузер сам определит наиболее подходящий источник.

Встроенное содержание

Элемент	Описание
`<embed>`	Вставляет расширенный контент в выбранное место документа. Этот контент может быть представлен от внешнего приложения или другого источника интерактивного контента, такого как плагин для браузера, например.
`<iframe>`	Represents a nested browsing context, embedding another HTML page into the current one.
`<object>`	Represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.
`<picture>`	Служит контейнером для одного или более элементов `<source>` и одного элемента `<img>` для обеспечения оптимальной версии изображения для различных размеров экрана. Браузер рассмотрит каждый из дочерних элементов `<source>` и выберет один, соответствующий лучшему совпадению; если совпадений среди элементов `<source>` найдено не будет, то будет выбран файл, указанный атрибутом src элемента `<img>` . Затем выбранное изображение отображается в пространстве, занятом элементом `<img>`.
`<portal>`	Enables the embedding of another HTML page into the current one for the purposes of allowing smoother navigation into new pages.
`<source>`	Указывает несколько медиа-ресурсов для элементов `<picture>`, `<video>` и `<audio>`. Это пустой элемент. Он обычно используется для обслуживания одного и того же медиа-контента в нескольких форматах, поддерживаемых различными браузерами .

SVG and MathML

You can embed SVG and MathML content directly into HTML documents, using the <svg> and <math> elements.

Элемент Описание

<svg> Представляет собой контейнер, который определяет новую систему координат и область просмотра. Он используется, как самый внешний элемент документов SVG, но также может использоваться для встраивания фрагмента SVG в документ SVG или HTML.

<math> Элементом верхнего уровня в MathML является тэг <math>. Каждый допустимый экземпляр MathML должен быть внутри этого контейнера. Он не допускает вложений, но внутри может быть произвольное число других дочерних элементов.

Элемент	Описание
`<svg>`	Представляет собой контейнер, который определяет новую систему координат и область просмотра. Он используется, как самый внешний элемент документов SVG, но также может использоваться для встраивания фрагмента SVG в документ SVG или HTML.
`<math>`	Элементом верхнего уровня в MathML является тэг `<math>`. Каждый допустимый экземпляр MathML должен быть внутри этого контейнера. Он не допускает вложений, но внутри может быть произвольное число других дочерних элементов.

Скриптинг

Элемент	Описание
`<canvas>`	Может быть использован для отрисовки графики при помощи скриптов (обычно используется JavaScript). Например, его можно использовать для отрисовки графиков, делать композиции фото или даже выполнять анимации. Вы можете (и должны) дать альтернативное содержание внутри блока `<canvas>`. Этот контент будет рендерится в обоих браузерах, в старых которые не поддерживают canvas и в браузерах с отключённым JavaScript.
`<noscript>`	Определяет секцию HTML кода, которая будет вставлена, если в браузере пользователя нет либо отключена поддержка JavaScript.
`<script>`	Используется для встраивания или подключения исполняемого JavaScript кода. Элемент `<script>` также может использоваться с другими языками, такими как GLSL от WebGL.

Разграничительные правки

Эти элементы позволяют вам отметить определённые части текста.

Элемент Описание

<del> Представляет диапазон текста, который был удалён из документа. Он может быть использован, например, при отображении «отслеживания изменений» или различий в исходном коде. Элемент <ins> можно использовать для противоположной цели: указание текста, который был добавлен в документ.

<ins> Представляет собой диапазон текста, который был добавлен в документ.

Элемент	Описание
`<del>`	Представляет диапазон текста, который был удалён из документа. Он может быть использован, например, при отображении «отслеживания изменений» или различий в исходном коде. Элемент `<ins>` можно использовать для противоположной цели: указание текста, который был добавлен в документ.
`<ins>`	Представляет собой диапазон текста, который был добавлен в документ.

Содержание таблиц

Эти элементы используются для создания и обработки табличных данных.

Элемент	Описание
`<caption>`	Определяет название (заголовок) таблицы. Если этот элемент используется, он всегда должен быть первым вложенным элементом тэга `<table>` . Внешний вид и расположение заголовка по отношению к самой таблице может быть изменено с помощью стилей CSS caption-side and text-align.
`<col>`	Определяет столбец в таблице и используется для определения общей семантики на всех ячейках. Обычно он находится в элементе `<colgroup>` .
`<colgroup>`	Defines a group of columns within a table.
`<table>`	Represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
`<tbody>`	Encapsulates a set of table rows (`<tr>` elements), indicating that they comprise the body of the table (`<table>` ).
`<td>`	Определяет ячейку таблицы которая содержит данные. Участвует в табличной модели.
`<tfoot>`	Определяет набор строк суммирующих столбцы таблицы.
`<th>`	Defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes.
`<thead>`	Defines a set of rows defining the head of the columns of the table.
`<tr>`	Defines a row of cells in a table. The row's cells can then be established using a mix of `<td>` (data cell) and `<th>` (header cell) elements.

Формы

Элемент	Описание
`<button>`	Создаёт интерактивную кнопку, которая может быть использована в формах или в любом другом месте документа, который требует простой, стандартной кнопки. По умолчанию, кнопки HTML обычно представлены в стиле, аналогичном стилю хост-платформы, на которой работает user agent, но вы можете изменить внешний вид кнопки, используя CSS.
`<datalist>`	Содержит набор опций (`<option>`), доступных для выбора. Выбранное значение будет установлено для элемента `<input>`, с атрибутом list.
`<fieldset>`	Используется для группировки нескольких элементов управления в веб-форме.
`<form>`	Представляет (собой) раздел документа, содержащий интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер.
`<input>`	Используется для создания интерактивных элементов управления в веб-формах для получения данных от пользователя; в зависимости от устройства и user agent, доступен широкий выбор типов входных данных и виджетов управления. Из-за огромного количества возможных сочетаний типов ввода и атрибутов это один из самых мощных и сложных элементов HTML.
`<label>`	Представляет собой подпись к элементу пользовательского интерфейса.
`<legend>`	Представляет собой заголовок содержания родительского элемента `<fieldset>`.
`<meter>`	Представляет собой скалярное значение в пределах известного диапазона или дробного значения.
`<optgroup>`	Позволяет группировать опции, находящиеся внутри элемента `<select>`.
`<option>`	Используется для определения пункта списка контейнера `<select>`, элемента `<optgroup>`, или элемента `<datalist>`. Элемент `<option>` может представлять раздел меню всплывающих окон и других перечней или списков HTML документа.
`<output>`	Является контейнерным элементом, в котором сайт или приложение могут выводить результаты вычислений или действий пользователя.
`<progress>`	Отображает индикатор, показывающий ход выполнения задачи, обычно отображаемый в виде прогресс бара (индикатора выполнения).
`<select>`	Представляет собой элемент управления который содержит меню опций:.
`<textarea>`	Represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.

Интерактивные элементы

Элемент	Описание
`<details>`	Используется для раскрытия скрытой (дополнительной) информации.
`<dialog>`	Определяет диалоговое окно или другой интерактивный элемент, такой как инспектор или окно. Элементы `<form>` могут интегрироваться с диалогом с помощью указания атрибута method=«dialog». Когда отправляется такая форма, диалог закрывается с returnValue равным value нажатой кнопки submit.
`<summary>`	The HTML Disclosure Summary element (`<summary>`) element specifies a summary, caption, or legend for a `<details>` element's disclosure box. Clicking the `<summary>` element toggles the state of the parent `<details>` element open and closed.

Веб-компоненты

Элемент	Описание
`<slot>`	Является частью набора технологии Web Components, является заполнителем внутри веб компонента, который можно заполнить собственной разметкой, которая позволяет создавать отдельные деревья DOM и представлять их вместе.
`<template>`	Представляет собой механизм для отложенного создания клиентского контента, который не отображается во время загрузки страницы, но может быть инициализирован при помощи JavaScript.

Устаревшие и осуждаемые элементы

Элемент	Описание
`<acronym>`	Позволяет явно указать, что данная последовательность букв, являющуюся акронимом или аббревиатурой.
`<applet>`	Определяет включение апплета Java.
`<bgsound>`	Sets up a sound file to play in the background while the page is used; use `<audio>` instead.
`<big>`	Renders the enclosed text at a font size one level larger than the surrounding text (medium becomes large, for example). The size is capped at the browser's maximum permitted font size.
`<blink>`	Causes the enclosed text to flash slowly.
`<center>`	Displays its block-level or inline contents centered horizontally within its containing element.
`<content>`	An obsolete part of the Web Components suite of technologies—was used inside of Shadow DOM as an insertion point, and wasn't meant to be used in ordinary HTML. It has now been replaced by the `<slot>` element, which creates a point in the DOM at which a shadow DOM can be inserted.
`<dir>`	Container for a directory of files and/or folders, potentially with styles and icons applied by the user agent. Do not use this obsolete element; instead, you should use the `<ul>` element for lists, including lists of files.
`<font>`	Определяет размер шрифта, цвета и лицо для его содержимого.
`<frame>`	Defines a particular area in which another HTML document can be displayed. A frame should be used within a `<frameset>` .
`<frameset>`	Used to contain `<frame>` elements.
`<image>`	Примечание: Этот элемент был удалён из HTML5 (W3C) спецификации , но до сих пор остаётся в спецификации WHATWG. Он частично встроен в большинство браузеров, хотя бы поэтому вряд ли уйдёт. Поскольку схематический алгоритм не реализован ни в одном браузере, семантика тега `<hgroup>` на практике реализована только теоретически. Спецификация HTML5 (W3C) даёт совет как обозначать подзаголовки, альтернативные заголовки и слоганы.
`<keygen>`	Элемент HTML `<image>` был экспериментальным элементом, предназначенный для отображения изображений. Он никогда не был реализован, вместо него должен использоваться стандартный элемент `<img>`.
`<marquee>`	Used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes.
`<menuitem>`	HTML-элемент `<marquee>` используется для создания на странице прокручивающегося текста (бегущей строки).
`<nobr>`	Prevents the text it contains from automatically wrapping across multiple lines, potentially resulting in the user having to scroll horizontally to see the entire width of the text.
`<noembed>`	An obsolete, non-standard way to provide alternative, or «fallback», content for browsers that do not support the embed element or do not support the type of embedded content an author wishes to use. This element was deprecated in HTML 4.01 and above in favor of placing fallback content between the opening and closing tags of an `<object>` element.
`<noframes>`	Provides content to be presented in browsers that don't support (or have disabled support for) the `<frame>` element. Although most commonly-used browsers support frames, there are exceptions, including certain special-use browsers including some mobile browsers, as well as text-mode browsers.
`<param>`	Defines parameters for an `<object>` element.
`<plaintext>`	Renders everything following the start tag as raw text, ignoring any following HTML. There is no closing tag, since everything after it is considered raw text.
`<rb>`	Used to delimit the base text component of a ruby annotation, i.e. the text that is being annotated. One `<rb>` element should wrap each separate atomic segment of the base text.
`<rtc>`	Embraces semantic annotations of characters presented in a ruby of `<rb>` elements used inside of `<ruby>` element. `<rb>` elements can have both pronunciation (`<rt>` ) and semantic (`<rtc>` ) annotations.
`<shadow>`	An obsolete part of the Web Components technology suite that was intended to be used as a shadow DOM insertion point. You might have used it if you have created multiple shadow roots under a shadow host.
`<spacer>`	Allows insertion of empty spaces on pages. It was devised by Netscape to accomplish the same effect as a single-pixel layout image, which was something web designers used to use to add white spaces to web pages without actually using an image. However, `<spacer>` is no longer supported by any major browser and the same effects can now be achieved using simple CSS.
`<strike>`	Places a strikethrough (horizontal line) over text.
`<tt>`	Creates inline text which is presented using the user agent default monospace font face. This element was created for the purpose of rendering text as it would be displayed on a fixed-width display such as a teletype, text-only screen, or line printer.
`<xmp>`	Renders text between the start and end tags without interpreting the HTML in between and using a monospaced font. The HTML2 specification recommended that it should be rendered wide enough to allow 80 characters per line.

html5

anonymous@undisclosed.example.com (Anonymous) — Sun, 04 Feb 2024 08:28:19 +0000

Руководство по HTML5

HTML — «язык гипертекстовой разметки» — стандартизированный язык гипертекстовой разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора. В HTML можно встроить программный код на языке программирования JavaScript, для управления поведением и содержанием веб-страниц. Также включение CSS в HTML позволяет задавать внешний вид и макет страницы.Wikipedia

Основы HTML

HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег (например, тег переноса строки <br> — одиночный и закрывать его не нужно) . Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, атрибут href=« у ссылки). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

<strong>Текст между двумя тегами — открывающим и закрывающим.</strong>
<a href=«http://www.example.com»>Здесь элемент содержит атрибут href, то есть гиперссылку.</a>
А вот пример пустого элемента: <br>

Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML).

HTML-элементы

Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img /> и <input />, напрямую вводят контент на страницу. Другие теги, такие как <p>, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.

index.html

<!DOCTYPE html>  
<html>
    <head>       
        <meta charset="utf-8">
        <title>Документ HTML5</title>
        <link rel="stylesheet" type="text/css" href="style.css"> 
        <script src="script.js"></script> 
    </head>
    <body>
        <div>Содержание документа HTML5</div>
    </body>
</html>

Структура HTML -документа
Элемент	Описание
`<!DOCTYPE html>`	Объявление формата документа (это документ html с использованием HTML5)
`<html>` `</html>`	Является корневым элементом документа (между и находиться все содержимое документа, выводимое в окне браузера)
`<head>` `</head>`	Техническая информация о документе (заголовок, описание, кодировку и т.д.). Введенная информация не отображается в браузере, но содержит данные, указывающие браузеру, как обрабатывать страницу.
`<title>` `</title>`	Наименование документа, которое отображается в строке заголовка веб-браузера
`<meta>`	Определяет метаинформацию страницы. В данном случае с помощью атрибута charset=«utf-8» указываем кодировку utf-8.
`<style>`	Задает стили, которые используются на странице. Для задания стилей в HTML-документе используется язык CSS.
`<link>`	Определяет взаимосвязь между текущей страницей и другими документами.
`<script>`	Позволяет присоединять к документу различные сценарии. Текст сценария может располагаться либо внутри этого элемента, либо во внешнем файле. Если текст сценария расположен во внешнем файле, то он подключается с помощью атрибутов элемента.
`<body>`	Предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>
`<div>`	Блок, предназначенный для группировки контента.

Элемент <meta>

<meta name="description" content="Описание содержимого страницы">
<meta name="keywords" content="Ключевые слова через запятую">

<meta name="description" lang="ru" content="Описание содержимого страницы на русском">
<meta name="description" lang="en" content="Description">
<meta name="keywords" lang="ru" content="Ключевые слова через запятую">
<meta name="keywords" lang="en" content="Keywords">

Поисковые машины

Индексация и переход по ссылкам разрешены:

<meta name="robots" content="index, follow">

Индексация разрешена, переход по ссылкам запрещен:

<meta name="robots" content="index, nofollow">

Индексация и переход по ссылкам запрещены:

<meta name="robots" content="noindex, nofollow">

я автоматической перезагрузки страницы через заданный промежуток времени (например, через 30 секунд) нужно воспользоваться значением refresh:

<meta http-equiv="refresh" content="30">

Чтобы перебросить посетителя на другую страницу, нужно указать URL-адрес в параметре url:

<meta http-equiv="refresh" content="0; url=http://yandex.ru/">


charset	Указывает кодировку символов для текущего HTML-документа: <meta charset=«UTF-8»>
content	Содержит произвольный текст, который определяет значение, ассоциируемое с атрибутом http-equiv или name, в зависимости от их значения.
http-equiv	Контролирует действия браузера на данной веб-странице (эквивалент HTTP заголовков). При отображении страницы браузер будет следовать инструкциям, заданным в атрибуте: default-style указывает предпочтительный стиль для использования на странице. Атрибут content должен содержать идентификатор элемента <link>, который ссылается на таблицу стилей CSS, или идентификатор элемента <style>, содержащего таблицу стилей. refresh указывает время в секундах до перезагрузки страницы или время до перенаправления на другую страницу, если в атрибуте content после указания времени идет строка «url=адрес_страницы». Автоматическая перезагрузка страницы через заданный промежуток времени, в данном примере, через 30 секунд:<meta http-equiv=«refresh» content=«30»> Если необходимо сразу перебросить посетителя на другую страницу, то можно указать URL-адрес в параметре url: <meta http-equiv=«refresh» content=«0; url=http://mail.ru/»>
name	Ассоциируется со значением, содержащемся в атрибуте content. Не должен использоваться в случае, если для элемента уже заданы атрибуты http-equiv, charset или itemprop. application-name указывает название веб-приложения, используемого на странице. author указывает имя автора документа в свободном формате. description определяет краткое описание к содержимому страницы, например: <meta name=«description» content=«Описание содержимого страницы»> generator указывает один из пакетов программного обеспечения, используемого для создания документа, например: <meta name=«generator» content=«WordPress 4.0»>. keywords содержит список ключевых слов, разделенных запятыми, соответствующих содержимому страницы, например: <meta name=«keywords» content=«Ключевые слова через запятую»>. Также атрибут name может принимать следующие значения из расширенной спецификации, такие как creator, googlebot, publisher, robots, slurp, viewport, хотя ни одно из них еще не было официально принято.

HTML-атрибуты1.3

HTML-текст1.4

Элементы для заголовков Элементы для форматирования текста Элементы для ввода «компьютерного» текста Элементы для оформления цитат и определений Абзацы, средства переноса текста

HTML-ссылки1.5

Структура ссылки Абсолютный и относительный путь Якорь Как сделать изображение-ссылку Как сделать ссылку на телефонный номер, скайп или адрес электронной почты Атрибуты ссылок

HTML-изображения1.6

Элемент <img> Адрес изображения Размеры изображения Форматы графических файлов Элемент <map> Элемент <area> Пример создания карты-изображения

HTML-таблицы1.7

Как создать таблицу Как создать строки (ряды) таблицы Как сделать ячейку заголовка столбца таблицы Как сделать ячейку тела таблицы Как добавить подпись (заголовок) к таблице Группирование строк и столбцов таблицы <colgroup> и <col> Группировка разделов таблицы <thead>, <tbody> и <tfoot> Как объединить ячейки таблицы Атрибуты элементов таблицы Пример создания таблицы

HTML-списки1.8

Маркированный список <ul> Нумерованный список <ol> Список определений <dl> Вложенный список Многоуровневый нумерованный список

Спецсимволы HTML1.9

Полезные знаки и символы Знаки пунктуации Стрелки Карточные масти Деньги Знаки зодиака

HTML-генераторы

<details>
<summary>Summary Text</summary>
Details Text
</details>

Summary Text

Details Text

Семантические элементы HTML51.11

Элемент документа1.11.1

Метаданные документа1.11.2

Элемент <head> Элемент <title> Элемент <base> Элемент <link> Элемент <meta> Элемент <style>

Разделы документа1.11.3

Элемент <body> Элемент <article> Элемент <section> Элемент <nav> Элемент <aside> Элементы <h1>, <h2>, <h3>, <h4>, <h5> и <h6> Элемент <header> Элемент <footer>

Группировка содержимого1.11.4

Элемент <p> Элемент <address> Элемент <hr> Элемент <pre> Элемент <blockquote> Элемент <ol> Элемент <ul> Элемент <li> Элемент <dl> Элемент <dt> Элемент <dd> Элемент <figure> Элемент <figcaption> Элемент <main> Элемент <div>

Семантика уровня текста1.11.5

Элемент <a> Элемент <em> Элемент <strong> Элемент <small> Элемент <s> Элемент <cite> Элемент <q> Элемент <dfn> Элемент <abbr> Элемент <ruby> Элемент <rb> Элемент <rt> Элемент <rtc> Элемент <rp> Элемент <data> Элемент <time> Элемент <code> Элемент <var> Элемент <samp> Элемент <kbd> Элементы <sub> и <sup> Элемент <i> Элемент <b> Элемент <u> Элемент <mark> Элемент <bdi> Элемент <bdo> Элемент <span> Элемент <br> Элемент <wbr>

Правки документа1.11.6

Элемент <ins> Элемент Атрибуты, общие для элементов <ins> и <del> =====Встраиваемое содержимое1.11.7===== Элемент <picture> Элемент <source> Элемент <img> Элемент <iframe> Элемент <embed> Элемент <object> Элемент <param> Элемент <video> Элемент <audio> Элемент <track> Элемент <map> Элемент <area> =====Ссылки1.11.8===== Ссылки, созданные элементами <a> и <area> Типы ссылок Примеры ссылок =====Табличные данные1.11.9===== Элемент <table> Элемент <caption> Элемент <colgroup> Элемент <col> Элемент <tbody> Элемент <thead> Элемент <tfoot> Элемент <tr> Элемент <td> Элемент <th> =====Формы1.11.10===== Элемент <form> Элемент <label> Элемент <input> Элемент <button> Элемент <select> Элемент <datalist> Элемент <optgroup> Элемент <option> Элемент <textarea> Элемент <output> Элемент <progress> Элемент <meter> Элемент <fieldset> Элемент <legend> Атрибут autocomplete =====Интерактивные элементы1.11.11===== Элемент <details> Элемент <summary> Элемент <dialog> Скрипты1.11.12 Элемент <script> Элемент <noscript> Элемент <template> Элемент <slot> Элемент <canvas> ====HTML5-аудио1.12==== Элемент <audio> Аудио кодеки Альтернативные медиа-ресурсы <source> Добавление субтитров и заголовков <track> Стилизованный пример аудио плеера ====HTML5-видео1.13==== Элемент <video> Встраиваемый интерактивный контент <embed> Видеокодеки Видеоконтейнеры Альтернативные медиа-ресурсы <source> Добавление субтитров и заголовков <track> Пример: размещаем видео на сайте Видеоконвертеры Необязательные теги HTML5-разметки1.14 =====HTML5-формы1.15===== Элемент <form> Группировка элементов формы <fieldset> Создание полей формы <input> Текстовые поля ввода <textarea> Раскрывающийся список <select> Надписи к полям формы <label> Кнопки <button> Флажки и переключатели в формах =====Контентная модель HTML51.16===== Мета содержимое Потоковое содержимое Секционное содержимое Заголовочное содержимое Текстовое содержимое Встроенное содержимое Интерактивное содержимое Явное содержимое Элементы, поддерживающие скрипт Корневое секционное содержимое Прозрачная модель содержимого
Read the syntax page¹⁾ again: «You can embed raw HTML code into your documents by using the HTML tags.» So to embed HTML you need to enclose the HTML with <html></html> (for inline HTML) or <HTML></HTML> (for block HTML). A little example: <del>The above syntax page has examples of what block vs inline look like.²⁾

<html><strong>This is my bold text</strong></html>

¹⁾ , ²⁾

This section has been removed from the page and is only accessible through the page history.