<wbr>

Этот перевод не завершён. Пожалуйста, помогите перевести эту статью с английского

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

Категории контента Основной поток, фразовый контент.
Разрешенное сожержимое Отсутствует
Пропуск тега It is an empty element; it must have a start tag, but must not have an end tag.
Разрешенные родительские элементы Любой элемент принимающий фразовый контент.
Разрешенные роли ARIA Любые
DOM-интерфейс HTMLElement

Атрибуты

Элемент может содержать только глобальные атрибуты.

Заметки

На страницах в кодировке UTF-8, элемент <wbr> ведет себя как кодовое значение U+200B ZERO-WIDTH SPACE (пробел нулевой ширины). В частности, он ведет себя как кодовое значение Unicode Bidi BN, то есть он не влияет на порядок bidi-направления (двунаправленного потока) <div dir=rtl>123,<wbr>456</div>: отображается, если выражение не разбито на две строки, 123 456 и не 456,123.

По той же причине, элемент <wbr> не вводит дефис в точке разрыва строки. Чтобы дефис отображался только в конце строки, используйте вместо него символ «мягкого дефиса» (&shy;).

Этот элемент был впервые реализован в Internet Explorer 5.5 и был официально определен в HTML5.

Пример

Руководство по стилю Yahoo рекомендует рабивать URL перед пунктуацией, чтобы не оставлять знаки припинания в конце строки, которые читатель может ошибочно принять за конец URL.

<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<wbr>/deeper<wbr>/level<wbr>/pages</p> 

Спецификация

Спецификация Статус Комментарии
HTML Living Standard
Определение '<wbr>' в этой спецификации.
Живой стандарт
HTML5
Определение '<wbr>' в этой спецификации.
Рекомендация

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
wbrChrome Полная поддержка 1Edge Полная поддержка 79Firefox Полная поддержка 1IE Нет поддержки 5.5 — 7Opera Полная поддержка 11.6Safari Полная поддержка 4WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Совместимость неизвестна  
Совместимость неизвестна

Смотрите также