• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <bdo>

    <bdo>元素(HTML双向覆盖元素)用于覆盖当前文本的朝向,它使得字符按给定的方向排列。

    浏览器支持

    所有主流浏览器都支持<bdo>标签。

    示例

    <!-- 改变文本方向 -->
    <p>this text will go left to right.</p>
    <p><bdo dir="rtl">this text will go right to left.</bdo></p>
    

    this text will go left to right.

    this text will go right to left.

    标签定义及使用说明

    bdo 指的是 bidi 覆盖(Bi-Directional Override)。

    <bdo>标签用来覆盖默认的文本方向。

    Content categories流式内容元素,段落内容元素, 段落内容元素.
    Permitted content段落内容元素.
    Tag omission不允许,开始标签和结束标签都不能省略。
    允许的父元素可接受的任何元素段落内容元素.
    DOM接口HTMLElementUp to Gecko 1.9.2(Firefox 4)inclusive, Firefox implements theHTMLSpanElementinterface for this element.

    HTML 4.01 与 HTML 5 之间的差异

    NONE

    HTML4的规范文档中没有描述该元素的事件,它们在XHTML中被添加。这应该是当时的疏忽。

    属性

    这个标签包含全局属性.

    dir这个标签包含文本的文本方向。属性值可为:

    • ltr:从左往右写,与现代汉语的书写习惯相同.
    • rtl:从右往左写,与古代汉语书写习惯相同.

    全局属性

    <bdo>标签支持HTML 的全局属性。

    事件属性

    <bdo>标签支持HTML 的事件属性。

    例子

    <bdo dir="rtl">here is some text</bdo>
    here is some text

    指定文本方向:

    <bdo dir="rtl"> this text will go right-to-left. </bdo>
    this text will go right-to-left.

    上篇:<bdi>

    下篇:<br>