отзывы

Восстановление
пароля

Готово

Назад

Основы программирования
Успеха достигает тот, кто способен на время отодвинуть свои увлечения
Программист - профессия будущего!

<bdi>

  • 106

  • 0

  • Нравится

    0

  • Код:336800846369

поведение важно для текстов
Задайте вопрос продавцу

<bdi>

грн. / шт.

Компания: Уроки программирования
Телефон: +38(093)43-03-164
Адрес: Киевская область г. Киев, с. Красное
Оставьте свой номер
<bdi>

грн. / шт.

Оставьте свой номер телефона и представитель компании с вами свяжется.

     Указывает фрагмент текста, который должен быть изолирован

Описание

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

 

 

Синтаксис

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

 

 

Атрибуты

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

 

 

Атрибут dir по умолчанию имеет значение auto.

Закрывающий тег - Обязателен.

 

 

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

accesskey - Позволяет получить доступ к элементу с помощью заданного сочетания клавиш.

class - Определяет имя класса, которое позволяет связать тег со стилевым оформлением.

contenteditable - Сообщает, что элемент доступен для редактирования пользователем.

contextmenu - Устанавливает контекстное меню для элемента.

dir - Задает направление и отображение текста — слева направо или справа налево.

hidden - Скрывает содержимое элемента от просмотра.

id - Указывает имя стилевого идентификатора.

lang - Браузер использует значение параметра для правильного отображения некоторых национальных символов.

spellcheck - Указывает браузеру проверять или нет правописание и грамматику в тексте.

style - Применяется для определения стиля элемента с помощью правил CSS.

tabindex - Устанавливает порядок получения фокуса при переходе между элементами с помощью клавиши Tab.

title - Описывает содержимое элемента в виде всплывающей подсказки.

xml:lang - Этот атрибут по своему действию похож на lang, но применяется только в XHTML-документах и указывает язык всего текста или его фрагмента.

 

<ul>
  <li>User <bdi>hrefs</bdi>: 60 points</li>
  <li>User <bdi>jdoe</bdi>: 80 points</li>
  <li>User <bdi>إيان</bdi>: 90 points</li>
</ul>

 

<!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> (от англ. bidirectional isolation - элемент двунаправленной изоляции) указывает фрагмент текста, который должен быть изолирован от изменения направления вывода текста.

Такое поведение важно для текстов, одновременно содержащих разные языки, читающихся слева направо и справа налево.

 

Хоть такой же эффект может быть достигнут с использованием CSS правила unicode-bidi: isolate для <span> или другого текстового элемента, семантическое значение достигается только с помощью элемента <bdi>. Более того, браузеры имеют опцию игнорирования стилей. В этом случае, текст будет отображен корректно при использовании HTML элемента, и некорректно при использовании CSS стилей.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег BDI</title>
 </head>
 <body> 
  <p dir="rtl"><bdi>שבת</bdi> — суббота</p>   
  <p>В ашкеназском произношении звучит как «ша́бос» (идиш «ша́бес»),     
   а в сефардском — как «шаба́т».</p>
 </body>
</html>

 

 

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег BDI</title>
 </head>
 <body> 
  <p dir="rtl"><bdi>שבת</bdi> — суббота</p>   
  <p>В ашкеназском произношении звучит как «ша́бос» (идиш «ша́бес»),     
   а в сефардском — как «шаба́т».</p>
 </body>
</html>

 

 

Синтаксис

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

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

 

Настольные

  Chrome Firefox IE Opera Safari
Базовая поддержка 16 10.0 Нет Нет Нет

 

Мобильные

  Android Firefox Mobile IE Mobile Opera Mobile Safari Mobile
Базовая поддержка Нет 10.0 Нет Нет Нет

 

 

 

Пример

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>BDI</title>
    </head>
    <body> 
        <p dir="rtl"><bdi>שבת</bdi> — суббота</p>   
        <p>В ашкеназском произношении звучит как «ша́бос» (идиш «ша́бес»), а в сефардском — как «шаба́т».</p>
    </body>
</html>

Отзывов нет

Публикация отзыва производится после предварительной модерации

Отправить

Случайные статьи