wbr
<wbr>
HTML<wbr> 元素 — 一个文本中的位置,其中浏览器可以选择来换行,虽然它的换行规则可能不会在这里换行。
内容类别 | Flow content, phrasing content. |
---|---|
允许的内容 | 空 |
标记遗漏 | 这是一个空的元素; 它必须有一个开始标记,但不能有结束标记。 |
允许的父母 | 任何接受 phrasing content 的元素。 |
允许ARIA角色 | 任何 |
DOM接口 | HTML元素 |
属性
这个元素只包含全局属性。
说明
在 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>元素不会在换行的地方引入连字符。为了使连字符仅仅在行尾出现,使用连字符软实体 (­) 来代替。
这个元素首先在Internet Explorer 5.5中实现,并在HTML5中正式定义。
例子
The Yahoo Style Guide
recommends breaking a URL before
punctuation, to avoid leaving a punctuation mark at the end of the line, which the reader might mistake for the end of the 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>
浏览器兼容性
Specification | Status | Comment |
---|---|---|
HTML Living StandardThe definition of '<wbr>' in that specification. | Living Standard | |
HTML5The definition of '<wbr>' in that specification. | Recommendation | |
Browser compatibility
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic Support | 1 | (Yes) | 1 | 5.5 — 7 | 11.7 | 4 |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | 1 | ? | ? | ? |