Тег <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> является полезным инструментом для контроля переноса текста в адаптивном дизайне, особенно при работе со специализированным контентом.


Атрибуты

accesskey Горячая клавиша
class CSS-классы
contenteditable Редактируемость
data-* Пользовательские данные
dir Направление текста
hidden Скрытый элемент
id Уникальный идентификатор
lang Язык содержимого
style Инлайновые стили
tabindex Порядок фокусировки
title Всплывающая подсказка
translate Возможность перевода

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

12.0 1.0 11.7 3.0 4.0