HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML <bdi>双向隔离标签

HTML <bdi> 标签代表双向隔离元素。它用于通知浏览器隔离文本的跨度，这些文本的格式可能与周围文本的方向相反。

这个标签是 HTML5 中的新标签，对于阿拉伯语或希伯来语等语言很有用，或者浏览器在不知道文本方向的情况下动态插入一些文本。

注意： <bdi> 中内容的方向性不受周围内容的方向性影响。

句法

<bdi>内容</bdi>

以下是关于 <bdi> 标签的一些规范

展示排队
开始标签/结束标签开始和结束标签
用法语义/文本

例子

<!DOCTYPE html>  
<html>  
<head>  
<title>Bdi tag</title>  
             <style>  
     bdi{  
           font-size: 25px;  
                     color: red; }  
       </style>  
</head>  
<body>  
<h2>Example of HTML bdi tag</h2>  
<p>  
This <bdi> ???? ????? </bdi>  Content is written in Arabic language  
</p>  
</body>  
</html>

输出：

HTML bdi 标签

属性

特定于标签的属性：

<bdi> 标签不包含任何特定属性

全局属性：

<bdi> 标签支持所有全局属性

事件属性：

<bdi> 标签支持所有事件属性

<bdi> 和 <bdo> 的区别

HTML <bdi> 标签是 HTML5 的新元素，它与 HTML <bdo> 元素非常相似。但是这两个元素的主要区别在于 <bdi> 标签将内容与其周围的内容隔离开来，而 <bdo> 标签则尊重方向。有时 <bdo> 标签可能会导致一些意外的渲染错误，因此如果需要，请尝试使用 <bdi>。

支持浏览器

元素ChromeIEFirefoxSafariOpera
<bdi>YesNoYesYesYes


上一主题 HTML <basefont>基本字体标签 下一主题 HTML <bdo>双向覆盖标签
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具