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

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

Content categories Flow content, phrasing content.
Permitted content Empty
Tag omission It is an empty element; it must have a start tag, but must not have an end tag.
Permitted parents Any element that accepts phrasing content.
Permitted ARIA roles Any
DOM interface HTMLElement

Attributes

This element only includes the global attributes.

Заметки

 

На страницах в кодировке UTF-8 <wbr> ведет себя как кодовая точка Z + WIDTH SPACE U + 200B. В частности, он ведет себя как код BN Unicode 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>

Specifications

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

Browser compatibility

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

Легенда

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

See also

Метки документа и участники

Внесли вклад в эту страницу: AleksandrK69
Обновлялась последний раз: AleksandrK69,