Главные новости

Тег <bdi>

Тег <bdi>

Internet Explorer Chrome Opera Safari Firefox Android iOS
  16.0+     10.0+    

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Элемент <bdi> указывает фрагмент текста, который должен быть изолирован от изменения направления вывода текста. Такое поведение важно для текстов, одновременно содержащих разные языки, читающихся слева направо и справа налево.

Синтаксис

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

Атрибуты

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

Атрибут dir по умолчанию имеет значение auto.

Закрывающий тег

Обязателен.

Пример

<!DOCTYPE html>
<html>
<body>

<p>
Если элемент <bdi> не поддерживается браузером, то в приведенном примере имя участника,
написанное на арабском языке, будет воспринято некорректно (алгоритм поставит двоеточие
и номер "90" рядом со словом "участник", а не к слову "баллы").
</p>

<ul>
<li>Участник <bdi>Александр</bdi>: 60 баллов</li>
<li>Участник <bdi>Jhon</bdi>: 80 баллов</li>
<li>Участник <bdi>إيان</bdi>: 90 баллов</li>
</ul>

</body>
</html>

Результат:

Пример использования тега <bdi>