HTML bdi标记 HTMLbdi标记|HTML5

本文概述

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

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

立即测试
输出：

文章图片
属性特定于标签的属性 < bdi> 标记不包含任何特定属性
全局属性 < bdi> 标记支持所有Global属性
事件属性 < bdi> 标记支持所有事件属性
< bdi> 和< bdo> 之间的区别 HTML < bdi> 标记是HTML5的新元素, 它与HTML < bdo> 元素非常相似。但是, 这两个元素的主要区别在于< bdi> 标签将内容与其周围的内容隔离开来, 而< bdo> 标签则反方向。有时< bdo> 标记可能会导致一些意外的渲染错误, 因此请根据需要尝试使用< bdi> 。
支持的浏览器