“bdo”元素与其他具有“dir”属性的元素之间的区别？答案

【问题标题】：Difference between "bdo" element and other elements with "dir" attribute?“bdo”元素与其他具有“dir”属性的元素之间的区别？
【发布时间】：2014-05-25 22:04:47
【问题描述】：

使用bdo有什么区别

<bdo dir="rtl">CIBARA english EMOS</bdo>

并使用大多数带有dir 属性的标签，例如

<span dir="rtl">CIBARA english EMOS</span>

我知道这个问题类似于should i always use bdo for text direction?，但我还是不明白为什么dir 属性的使用是“足够的”并且不需要bdo。

dir 属性不会“覆盖字母的固有方向性”吗？在哪些情况下我必须使用bdo？

【问题讨论】：

这将帮助您更好地理解：(w3.org/TR/html401/struct/dirlang.html#h-8.2)。仔细阅读直到结束。当您到达这一行时，您会清楚地理解它：“... BDO 元素应该用于需要对序列顺序进行绝对控制的场景（例如，多语言零件号）。 i>"
简而言之，bdo 适合严肃的东西，而一般用途 dir 效果很好

标签： html bidirectional

【解决方案1】：

使用 -

<span dir="rtl">CIBARA english EMOS</span>

在 Chrome 中应用的样式：

span[Attributes Style] {
    direction: rtl;
    unicode-bidi: isolate;
}

使用 -

<bdo dir="rtl">CIBARA english EMOS</bdo>

在 Chrome 中应用的样式：

bdo[Attributes Style] {
    direction: rtl;
}

bdo {
    unicode-bidi: bidi-override;
}

因此，使用<bdo> 元素，默认值bidi-override 始终应用于大多数浏览器，它应该可以按预期工作。使用属性dir 似乎不够。见下文：

<!DOCTYPE html>
<html>
<body>

<p>This paragraph will go left-to-right.</p>  
<p><span dir="rtl">This paragraph will go right-to-left.</span></p>
<p><bdo dir="rtl">This paragraph will go right-to-left.</bdo></p>  

</body>
</html>

【讨论】：