?
This document uses PHP Chinese website manual Release
HTML<wbr>
元素 — 一個(gè)文本中的位置,其中瀏覽器可以選擇來換行,雖然它的換行規(guī)則可能不會(huì)在這里換行。
內(nèi)容類別 | Flow content, phrasing content. |
---|---|
允許的內(nèi)容 | 空 |
標(biāo)記遺漏 | 這是一個(gè)空的元素; 它必須有一個(gè)開始標(biāo)記,但不能有結(jié)束標(biāo)記。 |
允許的父母 | 任何接受 phrasing content 的元素。 |
允許ARIA角色 | 任何 |
DOM接口 | HTML元素 |
這個(gè)元素只包含全局屬性。
在 UTF-8 編碼的頁面中, <wbr>
表現(xiàn)為 U+200B ZERO-WIDTH SPACE
(零寬空格)代碼點(diǎn)。特別是,它表現(xiàn)為 Unicode bidi BN 代碼點(diǎn),也就是說,它對(duì) bidi-ordering 沒有影響:<div dir=rtl>123,<wbr>456</div>
當(dāng)不拆成的兩行時(shí)候, 展示123,456
而不是 456,123
同理, <?wbr?>
元素不會(huì)在換行的地方引入連字符。為了使連字符僅僅在行尾出現(xiàn),使用連字符軟實(shí)體 (&?shy;
) 來代替。
這個(gè)元素首先在Internet Explorer 5.5中實(shí)現(xiàn),并在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 |
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 | ? | ? | ? |