HTML <bdi>用法及代码示例

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

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

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

用法

<bdi>Content</bdi>

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

Display	Inline
开始标签/结束标签	开始和结束标签
Usage	语义/文本

示例

<!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>

输出：