recursal/MDN huggingface dataset:
<output>: Элемент вывода
========================

**HTML-элемент вывода** (**`<output>`**) является контейнерным элементом, в котором сайт или приложение могут выводить результаты вычислений или действий пользователя.

| Категории контента | Потоковый контент, фразовый контент, перечисляемые, лэйбловые, сбрасываемые форма-ассоциированные элементы, явный контент. |
| --- | --- |
| Допустимый контент | Фразовый контент. |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Все элементы, которые принимают фразовый контент. |
| Допустимые ARIA-роли | Любые |
| DOM-интерфейс | `HTMLOutputElement` (en-US) |

Атрибуты
--------

Этот элемент включает глобальные атрибуты.

`for`

Пробело-разделяемый список `id` других элементов, указывающий, что эти элементы предоставили входные значения для (или иным образом повлияли) вычисления.

`form`

Элемент формы, с которым связан этот элемент ("владелец формы"). Значением атрибута должен быть `id` элемента `<form>` в том же документе. Этот атрибут не нужен, если элемент `<output>` является потомком элемента `<form>` (в этом случае эта форма является владельцем формы), или, если элемент `<output>` вообще не связан с формой.

`name`

Имя элемента; используется для идентификации этого `<output>` при отправке формы.

Пример
------

Эта форма содержит слайдер, значение которого находится в пределах от 0 до 100, и элемент `<input>`, в который можно ввести второе значение. Два числа складываются и результат отображается в элементе `<output>` каждый раз, когда значение любого управляющего элемента меняется.


```html
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" name="b" value="50" /> +
  <input type="number" name="a" value="10" /> =
  <output name="result">60</output>
</form>
```

Спецификации
------------

| Specification |
| --- |
| HTML Standard # the-output-element |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Смотрите также
--------------

* Другие элементы, связанные с формой: `<form>`, `<input>`, `<button>`, `<datalist>`, `<legend>`, `<label>`, `<select>`, `<optgroup>`, `<option>`, `<textarea>` (en-US), `<fieldset>`, `<progress>` and `<meter>`.
<hr>: The Thematic Break (Horizontal Rule) element
==================================================

**HTML `<hr>` элемент** служит для тематического разделения абзацев.Рисует горизонтальную прямую

Интерактивный пример
--------------------

Historically, this has been presented as a horizontal rule or line. While it may still be displayed as a horizontal rule in visual browsers, this element is now defined in semantic terms, rather than presentational terms, so if you wish to draw a horizontal line, you should do so using appropriate CSS.

| Content categories | Flow content. |
| --- | --- |
| Permitted content | None, it is an empty element. |
| Tag omission | It must have start tag, but must not have an end tag. |
| Permitted parents | Any element that accepts flow content. |
| Implicit ARIA role | `separator (en-US)` |
| Permitted ARIA roles | `presentation (en-US)` or `none (en-US)` |
| DOM interface | `HTMLHRElement` (en-US) |

Attributes
----------

This element's attributes include the global attributes.

`align` 
Устарело

Задаёт правило выравнивания.По умолчанию значение выставлено как **left**

`color` 
Non-standard

Задаёт цвет линии

`noshade` 
Устарело

Sets the rule to have no shading.

`size` 
Устарело

Устанавливает высоту в px

`width` 
Устарело

Задаёт длину линии в px либо в %

Example
-------

### HTML


```html
<p>
  Это первый параграф текста Это первый параграф текста Это первый параграф
  текста Это первый параграф текста
</p>

<hr />

<p>
  Это второй параграф текста Это второй параграф текста Это второй параграф
  текста Это второй параграф текста
</p>
```

### Result

Specifications
--------------

| Specification |
| --- |
| HTML Standard # the-hr-element |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* `<p>`
<bdi>
=====

Описание
--------

**HTML-элемент `<bdi>`** (*bidirectional isolation*, или изоляция двунаправленности [текста]) изолирует от окружающего текста текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается).

Этот элемент полезен при встраивании текста с неизвестным направлением (например, из базы данных) внутрь текста с заданным направлением.

**Примечание:** Хотя тот же эффект может быть достигнут применением CSS правила `unicode-bidi` (en-US)`: isolate` к элементу `<span>` или другому элементу форматирования текста, семантическое значение передаётся только с помощью элемента `<bdi>`. Тем более, что браузеры могут игнорировать стили. В этом случае, текст будет отображён корректно при использовании HTML-элемента, и некорректно при использовании только CSS стилей.


| Content categories (en-US) | Flow content (en-US), phrasing content (en-US), palpable content. |
| --- | --- |
| Permitted content | Phrasing content (en-US). |
| Tag omission | Нет, открывающий и закрывающий теги обязательны. |
| Permitted parent elements | Any element that accepts phrasing content (en-US). |
| DOM interface | `HTMLElement` |

Attributes
----------

Like all other HTML elements, this element has the global attributes (en-US), with a slight semantic difference: the **dir** attribute is not inherited. If not set, its default value is the `auto` which let the browser decide the direction based on the element's content.

Example
-------


```html
<p dir="ltr">
  This arabic word <bdi>ARABIC_PLACEHOLDER</bdi> is automatically displayed
  right-to-left.
</p>
```

### Result

This arabic word REDLOHECALP\_CIBARA is automatically displayed right-to-left.

Specifications
--------------

| Specification |
| --- |
| HTML Standard # the-bdi-element |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* Related HTML element: `<bdo>`
* Related HTML properties: `direction`, `unicode-bidi` (en-US)
<html>
======

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

| Категории контента | Отсутствуют. |
| --- | --- |
| Допустимое содержимое | Один элемент `<head>`, за которым следует один элемент `<body>`. |
| Пропуск тегов | Открывающий тег может быть пропущен, если первое, что находится внутри элемента `<html>`, не является комментарием. В HTML5 закрывающий тег может быть пропущен. В старых версиях HTML, если сразу за элементом `<html>` следует комментарий (при наличии элемента `<body>`), то закрывающий тег пропускать нельзя. |
| Допустимые родители | Отсутствуют. Это корневой элемент документа. |
| Допустимые ARIA-роли | Нет |
| DOM-интерфейс | `HTMLHtmlElement` (en-US) |

Атрибуты
--------

К этому элементу применимы глобальные атрибуты.

`manifest`

Определяет URI (en-US) файла манифеста, указывающего ресурсы, которые должны быть сохранены в локальном кеше. Смотрите Использование кеша приложений.

`version`

Определяет версию HTML DTD (Document Type Definition, больше известное как Doctype), которая управляет текущим документом. Этот атрибут не нужен, потому что он является избыточным, так как есть информация, указываемая в объявлении типа документа.

`xmlns`

Определяет пространство имён (en-US) XHTML-документа. Значение по умолчанию `"http://www.w3.org/1999/xhtml"`. Это требуется при парсинге (en-US) документов с помощью парсера (en-US) XML и необязательно для документов `text/html`.

Пример
------


```html
<!doctype html>
<html lang="en">
  <head>
    ...
  </head>
  <body>
    ...
  </body>
</html>
```

Проблемы доступности
--------------------

Добавление атрибута `lang` с допустимым (валидным) идентификатором языка (определены в документе IETF BCP47) в элемент `<html>` поможет технологии чтения с экрана правильно определить язык. Идентификатор языка должен описывать язык, который используется большей частью содержимого страницы. Без него программы чтения с экрана, как правило, по умолчанию используют язык операционной системы, который может может стать причиной неправильного произношения.

Добавление валидного атрибута `lang` в элемент `<html>` также гарантирует, что важные метаданные, содержащиеся в элементе `<head>`, например заголовок страницы `<title>`, также будут объявлены правильно.

* MDN Understanding WCAG, Guideline 3.1 explanations (en-US)
* Understanding Success Criterion 3.1.1 | W3C Understanding WCAG 2.0
Спецификации
------------

| Specification |
| --- |
| HTML Standard # the-html-element |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Смотрите также
--------------

* Элемент верхнего уровня MathML: `<math>`
* Элемент верхнего уровня SVG: `<svg>`
<mark>
======

**HTML элемент `<mark>`** представляет текст, выделенный в справочных целях из-за своей *актуальности* в определённом контексте. Например, он может быть использован на странице с результатом поиска, в которой выделяется каждый экземпляр искомого слова.

| Категории содержимого (en-US) | Содержимое потока (en-US), фразовый контент (en-US), ощутимое содержимое. |
| --- | --- |
| Допустимое содержимое | Фразовый контент (en-US). |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент, который принимает фразовый контент (en-US). |
| Допустимые ARIA-роли | Любые |
| DOM-интерфейс | `HTMLElement` |

Атрибуты
--------

Этот элемент включает только глобальные атрибуты (en-US).

Примечания
----------

* В цитате или другом блоке, выделенный текст, как правило, отмечает текст, который ссылается на внешнюю цитату, или помечается для конкретного пристального внимания, даже если первоначальный автор не считает важным.
* В основном тексте, выделенный текст, как правило, отмечает текст, который может иметь особое значение для текущей деятельности пользователя, например, результаты поиска.
* Не используйте элемент `<mark>` для выделения синтаксиса; используйте элемент `<span>` для этих целей.
* Не путайте элемент `<mark>` с элементом `<strong>`. Элемент `<strong>` используется для обозначения участков текста *важности* в контексте текста, когда элемент `<mark>` используется для обозначения участков текста, имеющих *отношение* к другому контексту.
Пример
------


```html
<p>Элемент &lt;mark&gt; используется для <mark>выделения</mark> текста</p>
```

Спецификации
------------

| Specification |
| --- |
| HTML Standard # the-mark-element |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Смотрите также
--------------

* Другие семантики текстов на уровне элементов: `<a>`, `<em>`, `<strong>`, `<cite>`, `<q>` (en-US), `<dfn>`, `<abbr>`, `<time>`, `<code>`, `<var>` (en-US), `<samp>` (en-US), `<kbd>`, `<sub>` (en-US), `<sup>` (en-US), `<i>` (en-US), `<b>`, `<mark>`, `<ruby>`, `<rp>` (en-US), `<rt>` (en-US)
<font>
======

Summary
-------

*HTML фонт элемент*(`<font>`) определяет размер шрифта, цвета и лицо для его содержимого

**Примечание:** Примечание по применению:\*\*Не используйте этот элемент!\*\*Хотя он был нормализован в HTML 3.2, он был устаревшим в HTML 4.01, в то время как все элементы, относящиеся только к стилю, затем устарели в HTML5.Начиная с HTML 4, HTML больше не передаёт информацию о стиле (вне элемента `<style>` или атрибута style для каждого элемента). Для любой новой веб-разработки стили должны быть написаны только с использованием CSS.
 Предыдущее поведение элемента `<font>` может быть достигнуто и даже лучше контролироваться с помощью CSS CSS-свойств шрифтов.


Атрибут
-------

Как и все другие элементы, этот элемент поддерживается с global attributes (en-US).

`color`

Этот атрибут устанавливает цвет текста, используя либо именованный цвет, либо цвет, указанный в шестнадцатеричном формате #RRGGBB.

`face`

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

`size`

Этот атрибут определяет размер шрифта как числовое или относительное значение. Числовые значения варьируются от 1 до 7, при этом 1 является наименьшим, а 3 - значением по умолчанию. Его можно определить с использованием относительного значения, например, +2 или -3, которые устанавливают его относительно значения атрибута `size` (en-US) `<basefont>` (en-US), или по отношению к 3, значение по умолчанию, если оно не существует.

DOM interface
-------------

Этот элемент реализует интерфейс `HTMLFontElement` (en-US)

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<ins>
=====

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

| Содержимое категорий (en-US) | Фразовый контент (en-US) or содержимое потока (en-US). |
| --- | --- |
| Допустимое содержимое | Прозрачный (en-US). |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент, который принимает фразовый контент (en-US). |
| Допустимые ARIA-роли | Любые |
| DOM-интерфейс | `HTMLModElement` (en-US) |

Атрибуты
--------

Этот элемент включает глобальные атрибуты.

`cite`

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

`datetime`

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

Примеры
-------


```html
<ins>Этот текст подчеркнут.</ins>
```

### Результат

**Этот текст подчеркнут.**

Спецификации
------------

| Specification |
| --- |
| HTML Standard # the-ins-element |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Смотрите также
--------------

* Элемент `<del>` для помещения удаления в документе.
<datalist>
==========

**HTML-элемент `<datalist>`** содержит набор опций (`<option>`), доступных для выбора. Выбранное значение будет установлено для элемента `<input>`, с атрибутом `list`.

Интерактивный пример
--------------------

| Категория контента | Потоковый контент, фразовый контент. |
| --- | --- |
| Допустимое содержимое | Либо фразовый контент, либо ноль или более элементов `<option>`. |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент, который может содержать фразовый контент. |
| Допустимые ARIA-роли | Нет |
| DOM-интерфейс | `HTMLDataListElement` (en-US) |

Атрибуты
--------

С данным элементом можно использовать все глобальные атрибуты.

Примеры
-------


```html
<label for="myBrowser">Choose a browser from this list:</label>
<input list="browsers" id="myBrowser" name="myBrowser" />
<datalist id="browsers">
  <option value="Chrome"></option>
  <option value="Firefox"></option>
  <option value="Internet Explorer"></option>
  <option value="Opera"></option>
  <option value="Safari"></option>
  <option value="Microsoft Edge"></option>
</datalist>
```

### Результат

Спецификации
------------

| Specification |
| --- |
| HTML Standard # the-datalist-element |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Полифил
-------

Для использованиях в браузерах, которые не поддерживают данную технологию, рекомендуется использовать полифил: datalist-polyfill.

Смотрите также
--------------

* Элемент `<input>` , в особенности его атрибут `list`;
* Элемент `<option>`.
<acronym>
=========

Аннотация
---------

Элемент акронима (`<acronym>)` позволяет явно указать, что данная последовательность букв, являющуюся акронимом или аббревиатурой.

> 
> \*\*Примечание:\*\*Этот элемент был убран из спецификации HTML5, поэтому его не рекомендуется использовать.Вместо него используйте элемент `<abbr>`.
> 
> 
> 

Атрибуты
--------

Этот элемент поддерживает *только* глобальные атрибуты (en-US).

Интерфейс DOM
-------------

Этот элемент реализует интерфейс `HTMLElement`.

> 
> \*\*Примечание:\*\*Вплоть до Gecko 1.9.2 Firefox реализует для этого элемента интерфейс `HTMLSpanElement` (en-US).
> 
> 
> 

Пример
------


```html
<p>
  The <acronym title="World Wide Web">WWW</acronym> is only one component of the
  Internet.
</p>
```

Стилизация по умолчанию
-----------------------

Хотя этого элемент употребляется чисто для удобств автора, разные браузеры отрисовывают его по-разному:

* Некоторые, например, Internet Explorer, не стилизуют его, и он выглядит неотличимо от обычного `<span>`.
* Opera, Firefox и некоторые други браузеры подчёркивают его точками.
* Малая часть браузеров помимо подчёркивания точками также меняют начертание текста на капитель (small caps). Во избежание такого поведения, как вариант, необходимо добавить `font-variant` (en-US)`: none` в CSS стиль.

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

Спецификации
------------

| Specification |
| --- |
| HTML Standard # acronym |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Смотрите также
--------------

* `<abbr>`
<wbr>
=====

**Элемент HTML `<wbr>`** предоставляет возможность переноса слова – позицию в тексте, где браузер может по желанию разбить строку, в противном случае его правила разрыва строки не будут создавать разрыв в этом месте.

Интерактивный пример
--------------------

| Категории контента | Основной поток, фразовый контент. |
| --- | --- |
| Допустимое содержимое | Отсутствует |
| Пропуск тегов | It is an empty element; it must have a start tag, but must not have an end tag. |
| Допустимые родители | Любой элемент принимающий фразовый контент. |
| Допустимые ARIA-роли | Любые |
| DOM-интерфейс | `HTMLElement` |

Атрибуты
--------

**Элемент может содержать только глобальные атрибуты (en-US).**

Примечания
----------

На страницах в кодировке UTF-8, элемент `<wbr>` ведёт себя как кодовое значение `U+200B ZERO-WIDTH SPACE` (пробел нулевой ширины). В частности, он ведёт себя как кодовое значение Unicode Bidi BN, то есть он не влияет на порядок bidi-направления (двунаправленного потока) `<div dir=rtl>123,<wbr>456</div>`: отображается, если выражение не разбито на две строки, `123 456` и не `456,123`.

По той же причине, элемент `<wbr>` не вводит дефис в точке разрыва строки. Чтобы дефис отображался только в конце строки, используйте вместо него символ «мягкого дефиса» (`&shy;`).

Этот элемент был впервые реализован в Internet Explorer 5.5 и был официально определён в HTML5.

Пример
------

Руководство по стилю Yahoo рекомендует разбивать URL перед пунктуацией, чтобы не оставлять знаки препинания в конце строки, которые читатель может ошибочно принять за конец URL.


```html
<p>
  http://this<wbr />.is<wbr />.a<wbr />.really<wbr />.long<wbr />.example<wbr />.com/With<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages
</p>
```

Спецификация
------------

| Specification |
| --- |
| HTML Standard # the-wbr-element |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Смотрите также
--------------

* `overflow-wrap`
* `word-break`
* `hyphens`
<span>
======

**HTML-элемент `<span>`** является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов `class` или `id`) или потому, что они имеет общие значения атрибутов, например `lang`. Он должен быть использован только когда нет другого подходящего по семантике элемента. `<span>` очень похож на элемент `<div>`, но `<div>` является блочным элементом, в то время как `<span>` является строчным.

Интерактивный пример
--------------------

| Категории контента | Потоковый контент, фразовый контент. |
| --- | --- |
| Допустимое содержимое | Фразовый контент. |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент, который разрешает фразовый или потоковый контент в качестве содержимого. |
| Допустимые ARIA-роли | Любые |
| DOM-интерфейс | `HTMLSpanElement` (en-US) (до HTML5, интерфейсом был `HTMLElement`) |

Атрибуты
--------

К этому элементу применимы только глобальные атрибуты.

Пример 1
--------

### HTML


```html
<p><span>Какой-нибудь текст</span></p>
```

### Результат

Пример 2
--------

### HTML


```html
<li>
  <span>
    <a href="portfolio.html" target="\_blank">Посмотреть моё портфолио</a>
  </span>
</li>
```

### CSS


```css
li span {
  background: gold;
}
```

### Результат

Спецификации
------------

| Specification |
| --- |
| HTML Standard # the-span-element |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Смотрите также
--------------

* HTML-элемент `<div>`