HTML <bdi>标签
HTML <bdi>标签作用
HTML <bdi>标签代表双向隔离元素。它用于通知浏览器隔离文本范围,该范围的格式可能与周围的文本相反。
此标签是HTML5中的新标签,可用于阿拉伯语或希伯来语等语言,或者在浏览器动态插入一些文本而又不知道文本方向的情况下有用。
注意: <bdi>内部内容的方向性不受周围内容方向性的影响。
语法
以下是有关<bdi>标签的一些规范
显示 |
内联 |
开始标签/结束标签 |
开始标签和结束标签 |
用法 |
语义/文本 |
示例
<!DOCTYPE html>
<html>
<head>
<title>Bdi标签</title>
<style>
bdi{
font-size: 25px;
color: red;
}
</style>
</head>
<body>
<h2>HTML bdi标签示例</h2>
<p>
This <bdi> ???? ????? </bdi>内容以阿拉伯语编写
</p>
</body>
</html>
输出:
属性
标签特定的属性:
<bdi>标签不包含任何特定属性
全局属性:
<bdi>标签支持所有的全局属性
事件属性:
<bdi>标签支持所有事件属性
<bdi>和
HTML <bdi>标签之间的区别是HTML5的新元素,它与HTML
元素非常相似。但是这两个元素的主要区别在于,<bdi>标签将内容与其周围的内容隔离开来,而标签则反方向。有时标签可能会导致一些意外的渲染错误,因此请根据需要尝试使用<bdi>。
支持浏览器