HTML таг wbr
Пример
Кратък пример как се използва тагът <wbr>.
<p>Това е много дълъг URL адрес: https://много-дълъг-домейн.бг/поддиректория<wbr>/още-поддиректория<wbr>/ресурс.html</p>
Опитай в редактора
Дефиниция и употреба
Виж как се ползва тагът <wbr>.
<wbr> (word break opportunity) указва позиция в текста, на която браузърът може да пренесе реда, ако няма достатъчно място на текущия ред. Самият елемент не визуализира нищо – той е „невидим“ маркер за потенциално пренасяне.
Основни характеристики:
- Самозатварящ се елемент – използва се като
<wbr>, без затварящ таг. - Не променя съдържанието – не добавя интервал или друг видим символ.
- Работи вътре в текст – често се използва в дълги думи, URL адреси, имейли, технически идентификатори и др.
Типични случаи на употреба:
- Дълги URL адреси в параграфи или таблици, които „чупят“ дизайна.
- Сложни технически термини или съединени думи, които не трябва да се разделят със стандартен интервал.
- Стрингове като продуктови кодове, хешове, дълги имена на файлове и др.
Браузърът не е задължен да пренася точно на мястото на <wbr>, но го използва като предпочитана точка за пренасяне, когато е необходимо, за да се избегне хоризонтално скролиране или прекалено разширяване на елемента.
Browser Support
| Browser | Поддръжка |
|---|---|
|
Chrome |
✔️ |
|
Firefox |
✔️ |
|
Edge |
✔️ |
|
Safari |
✔️ |
|
Opera |
✔️ |
Атрибути
Този елемент няма специфични атрибути.