?
? ????? PHP ??? ???? ??? ?? ??
該HTML <bdi>
元素(雙向隔離)隔離了可能與其他文本的文本格式不同的文本區(qū)域。
當(dāng)向具有固定方向性的文本內(nèi)插入具有未知方向的文本(比如來(lái)自數(shù)據(jù)庫(kù)中的文本)時(shí),該元素就有很大的作用。
內(nèi)容類別 | 流量?jī)?nèi)容,措辭內(nèi)容,可觸及的內(nèi)容。 |
---|---|
允許的內(nèi)容 | 短語(yǔ)內(nèi)容。 |
標(biāo)記遺漏 | 沒(méi)有,起始和結(jié)束標(biāo)簽都是強(qiáng)制性的。 |
允許父母 | 任何接受短語(yǔ)內(nèi)容的元素。 |
允許ARIA角色 | 任何 |
DOM界面 | HTML元素 |
dir
如同其他HTML元素一樣,它包含全局屬性,但是有一些語(yǔ)義上的細(xì)微差別:dir屬性不繼承父元素。如果沒(méi)有設(shè)置,默認(rèn)值即為auto,以便瀏覽器根據(jù)元素內(nèi)容決定元素內(nèi)容的方向。
盡管在一個(gè)<span>
或另一個(gè)文本格式元素上使用CSS規(guī)則unicode-bidi
: isolate
可以實(shí)現(xiàn)相同的視覺(jué)效果,但語(yǔ)義僅由<bdi>
元素傳遞。尤其是,瀏覽器可以忽略CSS樣式。在這種情況下,使用HTML元素仍然可以正確顯示文本,但在使用CSS樣式表達(dá)語(yǔ)義時(shí)會(huì)變成垃圾。
<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) | 評(píng)論 |
---|---|---|
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 |