HTML 中bdo标签的dir属性和CSS的direction属性的区别与用法

一、<bdo>标签：

1、bdo充当英文是：覆盖，而在html中<bdo>标签也是覆盖之意。

2、<bdo>标签的定义与用法：在html中，<bdo>标签通常是用来把一些文本内容的方向（即：文字的内容）规定为与周围文本内容方向的自然方向相反。

3、<bdo>标签很少使用，一般是在多语言网页中使用，因为在多语言网页中，可能有不同于自然阅读方向的语言，就可以使用该标签。

4、语法格式：<bdo dir="ltr/rtl">内容</bdo>

1. <bdo>标签 中文本内容的方向由dir属性决定；
2. dir属性值可以是ltr和rtl，分别代表不同的方向；
3. ltr是英文left to right的缩写，即从左到右；
4. rtl是英文right to left的缩写，即从右到左；

5、例子：

1）文字方向从左到右：

<bdo dir="ltr">这里文字的方向是从左到右</bdo>

输出结果：这里文字的方向是从左到右

2）文字方向从右到左：

<bdo dir="rtl">这里文字的方向是从右到左</bdo>

输出结果：左到右从是向方的字文里这

二、<bdo>标签和direction属性的区别：

1、区别：

1）direction属性是CSS的属性，而<bdo>则是html的标签。
2）<bdo>标签规定了文本内容（文字）的方向。
3）direction属性规定了该段文本的书写方向（文字方向一定是从左到右的）。

2、direction属性和<bdo>标签的例子：

<bdo dir="ltr" style="background-color: red;">这里文本的方向是从左到右</bdo>
<bdo dir="rtl" style="background-color: aqua">这里文本的方向是从右到左</bdo>
<div style="direction: ltr; background-color: gold;">测试CSS的dirction属性</div>
<dir style="direction: rtl; background-color: coral;">测试CSS的dirction属性</dir>

效果：为了方便看效果我们添加了不同颜色的背景

这样的话非常清楚的可以看到，<bdo>标签它的作用主要是改变文字的方向，至于书写方向，从哪边开始写它不关心，而direction属性则是只关心书写方向，是从屏幕右向左写还是从屏幕左向右写，至于文字的方向一定是从左到右的。

你要去做一个大人，不要回头，不要难过。

“你必须精力充沛，才能扛得住世事艰难。”