Вы здесь: Главная > HTML > HTML-тег: bdi

HTML-тег: bdi

Опубликовано автором Просмотры: 16

HTML-тег bdi представляет двунаправленную изоляцию — изолирует текст от его окружения в случаях, когда может потребоваться двунаправленное форматирование.

Важность bdi заключается не в том, что его можно использовать для изменения направленности текста — для этого предназначен bdo.

Вместо этого bdi позволяет браузеру отличать текст, который следует обрабатывать отдельно от текста вокруг него, например, когда фрагмент текста на восточном языке справа налево включён в раздел на западном языке слева направо или смешан с ним и в противном случае может привести к неточному беспорядку.

Глобальные атрибуты.

Глобальный атрибут dir по умолчанию будет иметь значение auto — он не унаследует это значение (например, от…), как другие элементы.

Пример

<ol>
    <li>Gold! <bdi>Jane</bdi> (11.11 seconds)</li>
    <li>Silver! <bdi>John</bdi> (12.23 seconds)</li>
    <li>Bronze! <bdi>حنيفة</bdi> (12.42 seconds)</li>
</ol>
<!-- Imagine these were user-generated... -->
<!-- Whereas bdi isn't necessary for the first item, it is for the third. -->

Страницы в тему:

Все HTML-теги

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del dfn div dl dt em embed fieldset figcaption figure footer form h1 — h6 head header hr html i iframe img input ins kbd keygen label legend li link main map mark meta meter nav noscript object ol optgroup option output p param pre progress q rb rp rt rtc ruby s samp script section select small source span strong style sub sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

Уроки:

  • Текст: адреса, определения, двунаправленный и редакторский (Продвинутый урок HTML)

Добавить комментарий