溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

HTML的bdi標(biāo)簽怎么用

發(fā)布時(shí)間:2022-03-01 17:06:36 來源:億速云 閱讀:140 作者:iii 欄目:web開發(fā)

這篇“HTML的bdi標(biāo)簽怎么用”文章的知識(shí)點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“HTML的bdi標(biāo)簽怎么用”文章吧。

    HTML<bdi>標(biāo)簽

    實(shí)例

    將用戶名從周圍的文本方向設(shè)置中隔離出來:

    <ul>

    <li>用戶<bdi>hrefs</bdi>:60分</li>

    <li>用戶<bdi>jdoe</bdi>:80分</li>

    <li>用戶<bdi>????</bdi>:90分</li>

    </ul>

    標(biāo)簽定義及使用說明

    bdi指的是bidi隔離(Bi-directionalIsolation)。

    <bdi>標(biāo)簽允許您設(shè)置一段文本,使其脫離其父元素的文本方向設(shè)置。

    在發(fā)布用戶評(píng)論或其他您無法完全控制的內(nèi)容時(shí),該標(biāo)簽很有用。

    HTML4.01與HTML5之間的差異

    <bdi>標(biāo)簽是HTML5的新標(biāo)簽。

    全局屬性

    <bdi>標(biāo)簽支持HTML的全局屬性。

    事件屬性

    <bdi>標(biāo)簽支持HTML的事件屬性。

    HTML<bdi>元素(雙向隔離元素)會(huì)隔離可能以不同方向進(jìn)行格式化的外部文本。

    當(dāng)不知道是從什么方向嵌入文本,如來自于數(shù)據(jù)庫(kù)的文本(有起數(shù)據(jù)庫(kù)的文本方向)的時(shí)候,該元素是十分有用的。

    注意:盡管同樣的顯示效果可以通過使用CSS規(guī)則unicode-bidi:隔離<span>或者其他文本格式化元素,但語(yǔ)義信息只能通過<bdi>元素傳遞。特別是,當(dāng)瀏覽器允許忽略CSS樣式時(shí),在這種情況下,使用<bdi>仍然可以保證文本正確顯示,而使用CSS樣式來傳遞語(yǔ)義時(shí)就顯得毫無用處。

    示例:

    <pdir="ltr">Thisarabicword<bdi>ARABIC_PLACEHOLDER</bdi>isautomaticallydisplayedright-to-left.</p>

    結(jié)果:

    ThisarabicwordREDLOHECALP_CIBARAisautomaticallydisplayedright-to-left.

以上就是關(guān)于“HTML的bdi標(biāo)簽怎么用”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI