?
This document uses PHP Chinese website manual Release
該HTML <bdi>
元素(雙向隔離)隔離了可能與其他文本的文本格式不同的文本區(qū)域。
當(dāng)向具有固定方向性的文本內(nèi)插入具有未知方向的文本(比如來自數(shù)據(jù)庫中的文本)時,該元素就有很大的作用。
內(nèi)容類別 | 流量內(nèi)容,措辭內(nèi)容,可觸及的內(nèi)容。 |
---|---|
允許的內(nèi)容 | 短語內(nèi)容。 |
標(biāo)記遺漏 | 沒有,起始和結(jié)束標(biāo)簽都是強制性的。 |
允許父母 | 任何接受短語內(nèi)容的元素。 |
允許ARIA角色 | 任何 |
DOM界面 | HTML元素 |
dir
如同其他HTML元素一樣,它包含全局屬性,但是有一些語義上的細(xì)微差別:dir屬性不繼承父元素。如果沒有設(shè)置,默認(rèn)值即為auto,以便瀏覽器根據(jù)元素內(nèi)容決定元素內(nèi)容的方向。
盡管在一個<span>
或另一個文本格式元素上使用CSS規(guī)則unicode-bidi
: isolate
可以實現(xiàn)相同的視覺效果,但語義僅由<bdi>
元素傳遞。尤其是,瀏覽器可以忽略CSS樣式。在這種情況下,使用HTML元素仍然可以正確顯示文本,但在使用CSS樣式表達語義時會變成垃圾。
<p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi>is automatically displayed right-to-left.</p>
This arabic word REDLOHECALP_CIBARA is automatically displayed right-to-left.
規(guī)范 | 狀態(tài) | 評論 |
---|---|---|
WHATWG HTML生活標(biāo)準(zhǔn)該規(guī)范中'<bdi>'的定義。 | 生活水平 | |
HTML5該規(guī)范中'<bdi>'的定義。 | 建議 |
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 16 | 10.0 (10.0) | No support | No support | No support |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | No support | 10.0 (10.0) | No support | No support | No support |