<bdo>: 双向文本替代元素

HTML 双向文本替代元素 (<bdo>) 改写了文本的方向性，使文本以不同的方向渲染呈现出来 (override 可以翻译很多意思，编程语言中多用覆盖，重载；这里采用了 Google 的整体翻译，取替代替换改写之意)

尝试一下

文本的字符是从给定方向的起始点绘制的; 各个字符的方向不受影响 (因此字符集不会向后拉，例如).

内容分类 流式元素, 短语元素, 显式元素。
许可内容 短语元素.
标记省略 不允许，开始标签和结束标签都不能省略。
许可父级元素 接受短语元素的任何元素
隐式 ARIA 角色 No corresponding role
许可 ARIA 角色 任何
DOM 接口 HTMLElement直到 Gecko 1.9.2 (包括 Firefox 4) 为止，Firefox 均为此元素实现 HTMLSpanElement 接口。

属性

元素属性包含全局属性

dir

在此元素内容中呈现文本的方向。可能的值是：

  • ltr: 指示文本应从左到右的方向。
  • rtl: 指示文本应从右到左的方向。

示例

html

<!-- Switch text direction -->
<p>This text will go left to right.</p>
<p><bdo dir="rtl">This text will go right to left.</bdo></p>

结果

注意

HTML 4 规范未指定此元素的事件。它们是在 XHTML 中添加的。这很可能是疏忽。

规范

Specification
HTML Standard
# the-bdo-element

浏览器兼容性

BCD tables only load in the browser

参见