HTML :: Тег <bdi>

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

Синтаксис

	<bdi>Текст</bdi>	
	
	Закрывающий тег: обязателен.

Атрибуты

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

Ссылки

Официальный сайт W3C: https://www.w3.org/TR/html5/text-level-semantics.html#the-bdi-element

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/bdi

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Пример №1</title>
</head>
<body>
 
    <h1 style="font-size: 14px">Словарь новых арабских слов</h1>
	
	<ul>
      <li><bdi>إيان</bdi> &ndash; Земля;</li>
      <li><bdi>محيط</bdi> &ndash; океан;</li>	  
      <li><bdi>جزيرة</bdi> &ndash; остров.</li>	  
    </ul>
	
</body>
</html>

Пример №1