zh-cn: update the translation of <bdo> element (mdn#18337)

Author: yin1999

files/zh-cn/web/html/element/bdo/index.md

@@ -1,76 +1,112 @@
 ---
-title: "<bdo>: 双向文本替代元素"
+title: <bdo>：双向文本覆盖元素
 slug: Web/HTML/Element/bdo
+l10n:
+  sourceCommit: fdd3ac5598c3ddceb71e59949b003936ae99f647
 ---
 
 {{HTMLSidebar}}
 
-HTML 双向文本替代元素 (**`<bdo>`**) 改写了文本的方向性，使文本以不同的方向渲染呈现出来 (override 可以翻译很多意思，编程语言中多用覆盖，重载；这里采用了 Google 的整体翻译，取替代替换改写之意)
+[HTML](/zh-CN/docs/Web/HTML) **`<bdo>`** 元素覆盖了当前文本的方向，使文本以不同的方向渲染出来。
 
 {{EmbedInteractiveExample("pages/tabbed/bdo.html", "tabbed-standard")}}
 
-文本的字符是从给定方向的起始点绘制的; 各个字符的方向不受影响 (因此字符集不会向后拉，例如).
-
-<table class="properties">
- <tbody>
-  <tr>
-   <th scope="row">内容分类</th>
-   <td><a href="/zh-CN/docs/Web/Guide/HTML/Content_categories">流式元素</a>, <a href="/zh-CN/docs/Web/Guide/HTML/Content_categories">短语元素</a>, 显式元素。</td>
-  </tr>
-  <tr>
-   <th scope="row">许可内容</th>
-   <td><a href="/zh-CN/docs/Web/Guide/HTML/Content_categories">短语元素</a>.</td>
-  </tr>
-  <tr>
-   <th scope="row">标记省略</th>
-   <td>{{no_tag_omission}}</td>
-  </tr>
-  <tr>
-   <th scope="row">许可父级元素</th>
-   <td>接受<a href="/zh-CN/docs/Web/Guide/HTML/Content_categories">短语元素</a>的任何元素</td>
-  </tr>
-  <tr>
-   <th scope="row">隐式 ARIA 角色</th>
-   <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">No corresponding role</a></td>
-  </tr>
-  <tr>
-   <th scope="row">许可 ARIA 角色</th>
-   <td>任何</td>
-  </tr>
-  <tr>
-   <th scope="row">DOM 接口</th>
-   <td>{{domxref("HTMLElement")}}直到 Gecko 1.9.2 (包括 Firefox 4) 为止，Firefox 均为此元素实现 HTMLSpanElement 接口。</td>
-  </tr>
- </tbody>
-</table>
+文本的字符是从给定方向的起始点开始绘制的；各个字符的方向不受影响（例如，字符因此而不会反向绘制）。
 
 ## 属性
 
-元素属性包含[全局属性](/zh-CN/docs/Web/HTML/Global_attributes)
+元素属性包含[全局属性](/zh-CN/docs/Web/HTML/Global_attributes)。
 
 - `dir`
 
-  - : 在此元素内容中呈现文本的方向。可能的值是：
+  - : 文本在此元素内容中渲染的方向。可能的值有：
 
-    - ltr: 指示文本应从左到右的方向。
-    - rtl: 指示文本应从右到左的方向。
+    - `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>
+<!-- 反转文本方向 -->
+<p>该文本应从左到右绘制。</p>
+<p><bdo dir="rtl">该文本应从右到左绘制。</bdo></p>
 ```
 
 ### 结果
 
 {{EmbedLiveSample('示例')}}
 
-## 注意
+## 备注
 
 HTML 4 规范未指定此元素的事件。它们是在 XHTML 中添加的。这很可能是疏忽。
 
+## 技术概要
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row">
+        <a href="/zh-CN/docs/Web/HTML/Content_categories"
+          >内容分类</a
+        >
+      </th>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Content_categories#流式内容"
+          >流式内容</a
+        >、<a href="/zh-CN/docs/Web/HTML/Content_categories#短语内容"
+          >短语内容</a
+        >、可感知内容。
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">允许的内容</th>
+      <td>
+        <a href="/zh-CN/docs/Web/HTML/Content_categories#短语内容"
+          >短语内容</a
+        >。
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">标签省略</th>
+      <td>不允许，开始标签和结束标签都不能省略。</td>
+    </tr>
+    <tr>
+      <th scope="row">允许的父级元素</th>
+      <td>
+        任何接受<a href="/zh-CN/docs/Web/HTML/Content_categories#短语内容"
+          >短语内容</a
+        >的元素。
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">隐式 ARIA 角色</th>
+      <td>
+        <code
+          ><a href="/zh-CN/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
+        >
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">允许的 ARIA 角色</th>
+      <td>任意</td>
+    </tr>
+    <tr>
+      <th scope="row">DOM 接口</th>
+      <td>
+        直到 Gecko 1.9.2（Firefox 4）为止是 {{domxref("HTMLElement")}}，Firefox 为该元素实现了
+        <code
+          ><a href="/zh-CN/docs/Web/API/HTMLSpanElement"
+            >HTMLSpanElement</a
+          ></code
+        >
+        接口。
+      </td>
+    </tr>
+  </tbody>
+</table>
+
 ## 规范
 
 {{Specifications}}
@@ -81,4 +117,4 @@ HTML 4 规范未指定此元素的事件。它们是在 XHTML 中添加的。这
 
 ## 参见
 
-- 相关 HTML: {{HTMLElement("bdi")}}
+- 相关 HTML 元素：{{HTMLElement("bdi")}}