HTML bdi标记 - 珊瑚贝

本文概述

属性
特定于标签的属性
全局属性
事件属性
<bdi>和<bdo>之间的区别
支持的浏览器

HTML <bdi>标签代表双向隔离元素。它用于通知浏览器隔离文本范围, 该范围的格式可能与周围的文本相反。

该标记是HTML5中的新增标记, 可用于阿拉伯语或希伯来语之类的语言, 或者在浏览器动态插入某些文本而又不知道文本方向的情况下有用。

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

句法

<bdi>Content</bdi>

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

Display	Inline
开始日期/结束日期	开始标签和结束标签
Usage	Semantic/textual

例

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

立即测试

输出：