<wbr>
版本:HTML5
HTML <wbr>元素—一个文本中的位置,其中浏览器可以选择来换行,虽然它的换行规则可能不会在这里换行。
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
所有主流浏览器都支持<wbr> 标签,除了 Internet Explorer。 |
示例
<p> to learn ajax, you must be familiar with the xml<wbr>http<wbr>request object. </p>
to learn ajax, you must be familiar with the xml
标签定义及使用说明
<wbr>
(Word Break Opportunity)标签规定在文本中的何处适合添加换行符。- 如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用<wbr>元素来添加 Word Break Opportunity(单词换行时机)。
Notes
在UTF-8 编码的页面中,<wbr>
表现为U+200BZERO-WIDTH SPACE
(零宽空格)代码点。特别是,它表现为Unicode bidi BN 代码点,也就是说,它对 bidi-ordering 没有影响:<
div dir=rtl>123,<wbr>456</div>
展示123,456
而不是456,123
,当不拆成的两行时候。
出于相同原因,<wbr>
元素不会在换行的地方引入连字符。为了使连字符仅仅在行尾出现,使用连字符软实体(­
)来代替。
这个元素首先在 Internet Explorer 5.5 中实现,并且在 HTML5 中官方定义。
Content categories | 流式内容元素,段落内容元素. |
---|---|
Permitted content | Empty |
Tag omission | It is anempty element; it must have a start tag, but must not have an end tag. |
Permitted parents | 可接受的任何元素段落内容元素. |
Permitted ARIA roles | Any |
DOM接口 | HTMLElement |
HTML 4.01 与 HTML5之间的差异
<wbr>
标签是 HTML5 中的新标签。
属性
这个元素仅仅包含全局属性
全局属性
<wbr>
标签支持HTML 的全局属性。
事件属性
<wbr>
标签支持HTML 的事件属性。
实例
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>