Тег <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 означает, что текст будет отображаться справа налево.
Статьи по теме: