<bdi> - HTML елемент ізоляції двонаправленого тексту
HTML-елемент <bdi> (Bi-Directional Isolation) ізолює частину тексту, яка може бути відформатована в іншому напрямку, ніж основний текст.
Елемент <bdi> особливо корисний при роботі з контентом, що генерується користувачами, де напрямок тексту невідомий. Він гарантує, що текст з іншим напрямком (наприклад, з права наліво) не порушить макет навколишнього тексту.
Синтаксис
HTML
<bdi>...</bdi>Атрибути
Цей тег може мати глобальні атрибути.
Технічне резюме
| Категорія контенту | |
|---|---|
| Дозволений вміст | |
| Пропуск тегів | Початковий і кінцевий теги є обов’язковими. |
| Дозволені батьківські елементи | Будь-який елемент, який приймає фразовий контент. |
| Роль ARIA |
|
| DOM інтерфейс | HTMLElement |
Приклади використання
Результат
<div>
<p>Коментар від <bdi>Alex</bdi>: "Чудова стаття!"</p>
<p>Коментар від <bdi>مريم</bdi>: "Дуже інформативно, дякую."</p>
<p>Коментар від <bdi>Иван</bdi>: "Дякую, що поділилися."</p>
</div>Підтримка браузерів
<bdi> |
|---|