HTML标签

HTML <bdi>标签

HTML <bdi>标签作用

HTML <bdi>标签代表双向隔离元素。它用于通知浏览器隔离文本范围,该范围的格式可能与周围的文本相反。
此标签是HTML5中的新标签,可用于阿拉伯语或希伯来语等语言,或者在浏览器动态插入一些文本而又不知道文本方向的情况下有用。
注意: <bdi>内部内容的方向性不受周围内容方向性的影响。

语法

<bdi>Content</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>
输出:
 HTML bdi标签

属性

标签特定的属性:

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

全局属性:

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

事件属性:

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

<bdi>和

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

支持浏览器

标签  chrome浏览器  ie浏览器  firefox浏览器 opera浏览器  Safari浏览器
<bdi> 支持 不支持 支持 支持 支持
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4