HTML <bdi> 元素 (雙向隔離元素) 會(huì)隔離可能以不同方向進(jìn)行格式化的外部文本。 當(dāng)不知道是從什么方向嵌入文本,如來自于數(shù)據(jù)庫的文本(有起數(shù)據(jù)庫的文本方向)的時(shí)候,該元素是十分有用的。
將用戶名從周圍的文本方向設(shè)置中隔離出來:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(cainiaoplus.com)</title> </head> <body><ul> <li><bdi class="name">Evil Steven</bdi>: 1st place</li> <li><bdi class="name">Fran?ois fatale</bdi>: 2nd place</li> </ul> </body> </html>測(cè)試看看 ?/?
IEFirefoxOperaChromeSafari
bdi 指的是 bidi 隔離(Bi-directional Isolation)。
<bdi> 標(biāo)簽允許您設(shè)置一段文本,使其脫離其父元素的文本方向設(shè)置。
在發(fā)布用戶評(píng)論或其他您無法完全控制的內(nèi)容時(shí),該標(biāo)簽很有用。
<bdi> 標(biāo)簽是 HTML5 的新標(biāo)簽。
<bdi> 標(biāo)簽支持 HTML 的全局屬性。
<bdi> 標(biāo)簽支持 HTML 的事件屬性。