HTML тег - wbr - определение и примеры использования
Меню
Веб-разработка
Тег wbr HTML

HTML - тег <wbr> (Word Break Opportunity) предоставляет возможность разрыва слов, т.е. указывает, где именно в тексте можно добавить разрыв.


Тег <wbr> - синтаксис и код

Тег <wbr> пуст, а это означает, что закрывающий тег не требуется. Но в XHTML тег (<wbr>) должен быть закрыт (<wbr/>).

Пример определения текста с возможностью разрыва слов:

<p>Это оченьоченьоченьоченьоченьоченьоченьоченьоченьоченьочень<wbr>
длинноесловокотороеразбиваетсявопределенных<wbr>местахприизмененииразмераокнабраузера.</p>
 

Элемент wbr

Попробуйте уменьшить окно браузера, чтобы увидеть, как очень длинное слово в параграфе ниже разорвется:

Это оченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьдлинноесловокотороеразбиваетсявопределенныхместахприизмененииразмераокнабраузера.


Определение и использование

  • Тег <wbr> — один из элементов HTML5;
  • Тег <wbr> используется для указания браузеру, где в тексте можно добавить разрыв строки;
  • В отличие от тега <br>, который обязывает браузер вставлять разрыв строки, при использовании <wbr> браузер сначала анализирует его содержимое, а затем при необходимости вставляет разрыв строки (слишком длинное слово или URL-адрес).
✪ Рекомендация: дефис в точке разрыва строки не вводится элементом wbr. Если вы хотите, чтобы дефис появлялся только в конце строки, используйте &shy;­ (объект символа мягкого дефиса)
★ Примечание: если вы не используете тег  <wbr> длинные слова могут либо переноситься в неправильном месте (что затрудняет чтение), либо не переноситься вообще — сдвигая макет страницы в сторону

Поддержка <wbr> браузерами

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

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

Тег <wbr> также поддерживает глобальные атрибуты в HTML

Атрибуты событий

Тег <wbr> также поддерживает атрибуты событий в HTML


Связанные страницы

Руководство по HTML: Форматирование HTML текста


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой