Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML
Теги HTML

HTML тег <bdi>

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

Описание

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

Примечание: этот элемент является полезным при внедрении пользователем текстового содержимого с неизвестной направленностью или при отображении языков, имеющих написание справа налево - такие как арабский, иврит, персидский и тд., но с примешанными фразами или словами на английском или каком-либо другом языке с написанием слева направо.

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

Атрибуты

Тег <bdi> поддерживает Глобальные атрибуты и События

Пример

<!DOCTYPE html>
<html>
  <body>

    <p>
      Если элемент <bdi> не поддерживается браузером, то в приведенном примере имя участника,
	  написанное на арабском языке, будет воспринято некорректно (алгоритм поставит двоеточие
	  и номер "90" рядом со словом "участник", а не к слову "баллы").
    </p>

    <ul>
      <li>Участник <bdi>Александр</bdi>: 60 баллов</li>
      <li>Участник <bdi>Jhon</bdi>: 80 баллов</li>
      <li>Участник <bdi>إيان</bdi>: 90 баллов</li>
    </ul>

  </body>
</html>

Результат данного примера в окне браузера:

Пример использования тега <bdi>
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь