HTML <bdi> 標(biāo)簽

2022-06-01 15:17 更新

<bdi> 元素是指雙向隔離元素。

<bdi> 標(biāo)簽的開始標(biāo)簽和結(jié)束標(biāo)簽都不能省略。

實(shí)例

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

<ul>
<li>用戶 <bdi>hrefs</bdi>: 60 分</li>
<li>用戶 <bdi>jdoe</bdi>: 80 分</li>
<li>用戶 <bdi>????</bdi>: 90 分</li>
</ul>

嘗試一下 ?

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

目前只有 Firefox 和 Chrome 瀏覽器支持 <bdi> 標(biāo)簽。


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

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

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

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

提示:盡管同樣的顯示效果可以通過使用 CSS 規(guī)則:unicode-bidi 隔離文本格式化元素,但語義信息只能通過 <bdi> 元素傳遞。


HTML 4.01 與 HTML5之間的差異

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


屬性

屬性 描述
dir
  • ltr
  • rtl
  • auto
可選。規(guī)定 <bdi> 元素內(nèi)的文本的文本方向。默認(rèn)值:auto。

全局屬性

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


事件屬性

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


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)