HTML таг bdi
Пример
Кратък пример как се използва тагът <bdi>.
<p>Потребител: <bdi>مرحبا</bdi> (арабско име), рейтинг: 4.8</p>
<p>Потребител: <bdi>John</bdi> (латинско име), рейтинг: 4.9</p>Дефиниция и употреба
Виж как се ползва тагът <bdi>.
<bdi> (Bi-Directional Isolation) е HTML елемент, който се използва за изолиране на част от текста от двупосочното форматиране на околния текст. Това е особено полезно, когато в един ред се смесват езици, които се изписват отляво надясно (LTR, като български или английски) и отдясно наляво (RTL, като арабски или иврит). Без изолация браузърът може да размести символите и да покаже текста в неочакван ред.
С <bdi> казваме на браузъра да третира съдържанието вътре в елемента като самостоятелен блок по отношение на посоката на текста. Това е особено важно при динамично съдържание – например потребителски имена, коментари или данни, които не знаем предварително на какъв език ще бъдат. Така се избягват проблеми с подравняването и четимостта.
Типични случаи на употреба:
- Показване на потребителски имена или етикети, въведени от потребители на различни езици.
- Списъци с елементи, в които има смесени езици (LTR и RTL).
- Текстови полета, в които не е известна предварително посоката на текста.
Елементът <bdi> е по-семантичен и по-подходящ от използването само на CSS (например direction и unicode-bidi), когато целта е да се обозначи логическа изолация на текст с неизвестна или различна посока.
Browser Support
| Browser | Поддръжка |
|---|---|
 Chrome |
✔️ |
 Firefox |
✔️ |
 Edge |
✔️ |
 Safari |
✔️ |
 Opera |
✔️ |
Атрибути
Този елемент няма специфични атрибути.