Тег <wbr>
Описание
Тег <wbr>
(от англ. "word break opportunity") указывает браузеру возможное место разрыва строки в длинных словах или последовательностях символов, где при необходимости может быть выполнен перенос.
<p>Самоедлинноеслововмире<wbr>котороенужноперенести</p>
<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 |