1. Синтаксис
  2. Атрибуты
  3. Спецификации
    1. Поддержка браузерами
  4. Описание и примеры

<bdi>

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

Такое поведение важно для текстов, одновременно содержащих разные языки, читающихся слева направо и справа налево.

Хоть такой же эффект может быть достигнут с использованием CSS правила unicode-bidi: isolate для <span> или другого текстового элемента, семантическое значение достигается только с помощью элемента <bdi>. Более того, браузеры имеют опцию игнорирования стилей. В этом случае, текст будет отображен корректно при использовании HTML элемента, и некорректно при использовании CSS стилей.

Синтаксис

<bdi>Текст</bdi>

Закрывающий тег обязателен.

Атрибуты

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

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

Поддержка браузерами

Настольные

ChromeFirefoxIEOperaSafari
Базовая поддержка1610.0НетНетНет

Мобильные

AndroidFirefox MobileIE MobileOpera MobileSafari Mobile
Базовая поддержкаНет10.0НетНетНет

Описание и примеры

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>BDI</title>
  </head>
  <body>
    <p dir="rtl"><bdi>שבת</bdi> — суббота</p>
    <p>В ашкеназском произношении звучит как «ша́бос» (идиш «ша́бес»), а в сефардском — как «шаба́т».</p>
  </body>
</html>