Тег <wbr>

Описание

Тег <wbr> (от англ. "word break opportunity") указывает браузеру возможное место разрыва строки в длинных словах или последовательностях символов, где при необходимости может быть выполнен перенос.

Базовое использование:
<p>Самоедлинноеслововмире<wbr>котороенужноперенести</p>
С URL-адресами:
<p>https://<wbr>example.com/<wbr>very-long-path/<wbr>to-some-page</p>
С техническими терминами:
<p>Pseudopseudohypoparathyroidism<wbr>Syndrome</p>

Ключевые особенности:

  • Невидимый тег, не изменяет отображение контента
  • Активируется только при необходимости переноса
  • Не добавляет дефис или другие символы при переносе
  • Полезен для длинных слов, URL, email-адресов, кодов
  • Поддерживается всеми современными браузерами

Рекомендации по использованию:

  • Используйте для длинных неразрывных последовательностей символов
  • Применяйте в URL-адресах и сложных технических терминах
  • Не злоупотребляйте - добавляйте только в действительно длинные слова
  • В CSS-верстке альтернатива - overflow-wrap: break-word

Тег <wbr> является полезным инструментом для контроля переноса текста в адаптивном дизайне, особенно при работе со специализированным контентом.

Атрибуты

class CSS-классы
data-* Пользовательские данные
id Уникальный идентификатор
style Инлайновые стили

Поддержка браузерами
12.0 1.0 11.7 3.0 4.0