HTML5 <bdi> 標(biāo)簽

2023-02-27 18:02 更新

實例

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>w3cschool官網(wǎng) - 編程獅，隨時隨地學(xué)編程</title> </head>
<body>

<p>在下面的示例中,顯示著每個用戶比賽的分?jǐn)?shù)。將用戶名從周圍的文本方向設(shè)置中隔離出來。</p>

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

<p><b>注意：</b> 目前只有 Firefox 和 Chrome 瀏覽器支持 bdi 標(biāo)簽。</p>

</body>
</html>

瀏覽器支持


元素 Google Chrome Internet Explorer Firefox Safari Opera
<bdi> Yes 不支持 Yes Yes Yes

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

bdi 指的是 bidi 隔離（Bi-directional Isolation）。

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

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

HTML 4.01 與 HTML5之間的差異

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

全局屬性

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

事件屬性

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


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號