HTML: <wbr> тег

Элемент HTML <wbr> — это положение в тексте, где браузер может выбрать для перевода строки, хотя его правила перевода строки могут не сработать здесь.

Онлайн пример

Пример текста с wbr:

<p>http://this<wbr>.is<wbr>.a<wbr>.really<wbr>.long<wbr>.example<wbr>.com/With<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages</p>

В кодировке UTF-8 символ <wbr> проявляется как кодовая точка U+200B ZERO-WIDTH SPACE (пробел нулевой ширины). особенно, он проявляется как кодовая точка Unicode bidi BN, что означает, что он не влияет на bidi-ordering: <div dir=rtl>123,<wbr>456</div> показывает 123,456 вместо 456,123, когда они не разделены на две строки.
По той же причине, элемент <wbr> не будет вводить дефисы в местах переноса строки. Чтобы сделать дефисы出现 только в конце строки, используйте смягчающий символ дефиса (&shy;).
Этот элемент был впервые реализован в Internet Explorer 5.5 и официально определен в HTML5.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают тег <wbr>, за исключением Internet Explorer.

Определение и руководство по использованию тегов

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

Совет:Если слово слишком длинное или вы担心 браузер выполнит перенос строки в неправильном месте, вы можете использовать элемент <wbr> для добавления Word Break Opportunity (время для переноса строки).

Различия между HTML 4.01 и HTML5

Тег <wbr> является новым тегом в HTML5.

Глобальные свойства

Поддержка тега <wbr> Глобальные свойства HTML.

Событийные свойства

Поддержка тега <wbr> Событийные свойства HTML.