Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.
Описание
HTML элемент <bdi> (или Элемент двунаправленной изоляции) изолирует текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается).
Этот элемент полезен при встраивании текста с неизвестным направлением (например, из базы данных) внутрь текста с заданным направлением.
Хоть такой же эффект может быть достигнут с использованием CSS правила unicode-bidi: isolate для <span> или другого текстового элемента, семантическое значение достигается только с помощью элемента <bdi>. Более того, браузеры имеют опцию игнорирования стилей. В этом случае, текст будет отображен корректно при использовании HTML элемента, и некорректно при использовании CSS стилей.
| Content categories | Flow content, phrasing content, palpable content. |
|---|---|
| Permitted content | Phrasing content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parent elements | Any element that accepts phrasing content. |
| DOM interface | HTMLElement |
Attributes
Like all other HTML elements, this element has the global attributes, 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
<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 | Status | Comment |
|---|---|---|
| WHATWG HTML Living Standard Определение '<bdi>' в этой спецификации. |
Живой стандарт | |
| HTML5 Определение '<bdi>' в этой спецификации. |
Рекомендация |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 16 | 10.0 (10.0) | Нет | Нет | Нет |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | Нет | 10.0 (10.0) | Нет | Нет | Нет |
See also
- Related HTML element:
<bdo> - Related HTML properties:
direction,unicode-bidi