Руководство по HTML

Полный список тегов HTML

HTML: <bdi> тег

Элемент HTML <bdi> (элемент двунаправленной изоляции) изолирует внешние тексты, которые могут быть отформатированы в различных направлениях. Этот элемент особенно полезен, когда не известно, из какого направления был внедрен текст, например, текст из базы данных (у которого есть направление текста).

Онлайн пример

Изолировать имя пользователя из окружающего текста в настройках ориентации:

Пример

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Обучающее руководство(oldtoolbag.com)</title>　
</head>
<body><ul>
　　　<li><bdi class="name">Evil Steven</bdi>: 1-е место</li>
　　　<li><bdi class="name">François fatale</bdi>: 2-е место</li>
</ul>
</body>
</html>

Проверьте, посмотрите ‹/›

Совместимость браузеров

IEFirefoxOperaChromeSafari

Описание тега и его использования

bdi означает bidi изоляцию (Bi-directional Isolation).

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

Этот тег очень полезен при публикации комментариев пользователей или другого контента, который вы не можете полностью контролировать.

Различия между HTML 4.01 и HTML5

Тег <bdi> - это новый тег HTML5.

Глобальные свойства

Поддержка тега <bdi> Глобальные свойства HTML.

Событийные свойства

Поддержка тега <bdi> Событийные свойства HTML.

HTML: <bdo> тег HTML: <basefont> тег