Тег bdi в HTML

Евгений

5 лет назад

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

Синтаксис тега <bdi> очень прост:

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

Закрывающий тег в данном случае обязателен. Для тега <bdi> доступны универсальные атрибуты и события.

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

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

В этом примере мы вручную задали направление и отображение текста при помощи атрибута dir. Значение rtl означает, что текст будет отображаться справа налево.