<bdi>¶

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

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

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

Демо¶

Текстовые элементы

a
abbr
b
bdi
bdo
br
cite
code
data
del
dfn
em
i
ins
kbd
mark
q
ruby
rtc
rb
rp
rt
s
samp
small
span
strong
sub
sup
time
u
var
wbr

Синтаксис¶

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

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

Атрибуты¶

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

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

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

Настольные

	Chrome	Firefox	IE	Opera	Safari
Базовая поддержка	16	10.0	Нет	Нет	Нет

Мобильные

	Android	Firefox Mobile	IE Mobile	Opera Mobile	Safari 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>

Ссылки¶

Тег <bdi> ^{MDN (рус.)}