Главная
HTML-тег <bdi>
Характеристики
- Тип: строчный, статичный, семантический
- Назначение: Изолирует текстовую часть, направление текста которой может отличаться от основного направления документа.
- Родители: Любые элементы, допускающие потоковый контент.
- Потомки: Строчный контент или текст.
- Глобальные атрибуты: все
- Атрибуты событий: все
Пример использования
<p>Имя пользователя: <bdi>علي</bdi></p>
Использование в JavaScript
// Изменение направления текста внутри <bdi>
const bdiElement = document.querySelector('bdi');
bdiElement.dir = 'rtl';
Рекомендации по обеспечению доступности (a11y)
- Полезно при вставке пользовательского ввода, направление которого неизвестно.
- Обеспечивает корректное отображение текста независимо от направления.
- Не забывайте устанавливать атрибут dir, если это необходимо.
Полезные ссылки