Тег <bdi> HTML изолирование направления текста

Рейтинг: 3 из 5, голосов 1
+++--

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

Синтаксис

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

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

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

Следует отметить, что HTML тег <bdi> не переворачивает текст физически, а лишь изолирует фрагмент текста, который возможно, нужно воспринимать в другом направлении. Если нужно задать физическое направление вывода (вывод по символам в нужном направлении) следует использовать тег <bdo>, указав направление в атрибуте dir.

Используя тег <bdi>, вы даете возможность браузеру правильно проанализировать контент страницы.

Отображение в браузере

В русском языке "привет", в английском "hello", а в арабском "مرحبا".

Пример использования <bdi> в HTML коде

<!DOCTYPE html>
<html>
<head>
<title>Текст, читающийся в противоположном направлении</title>
</head>
<body>
<p>В русском языке "привет", в английском "hello", а в арабском "<bdi>مرحبا</bdi>".</p>
</body>
</html>

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

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<bdi> Да Нет Да Да Да
Оцените, насколько полезна эта статья
+++--
Эти материалы могут быть вам полезны
Тег <bdo> HTML изменение направления текста
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.