求大神解释一下html5里的bdi标签的详细用法

0 0

求大神解释一下html5里的bdi标签的详细用法5

鄙人近期在学习html5入门
今天遇到一事，几思不得其解啊不得其解

一下是w3cschool里html5的说明：

我从做的代码练习中，发现bdi标签需要和dir属性配合使用才能生效，可是dir属性很多标签都有的啊，还是不得其解啊不得其解

在此求各位大神帮鄙人解释一下 bdi 标签的具体用法，鄙人谢过各位大神了

问题补充：感谢这位大神的回答
刚才做了一个测试
<bdi dir="rtl">test</bdi> We hope that they succeed.
User <bdi dir="rtl">my home </bdi> 60
<bdi dir="rtl">to</bdi> go!
执行的结果是：test We hope that they succeed. User my home 60 to go!
感觉语序完全无法控制了啊~还有
执行<bdi dir="rtl">to</bdi> go!的结果是：to go!
但执行<bdi dir="rtl">to</bdi> 60!的结果是：60 to!
这个语序是跟bdi标签后是数字还是字符串有关联么？

283433775 写道

引用

The <bdi> tag isolates a part of text that might be formatted in a different direction from other text outside it.

其实就是bdi里面的文字和外面后面的文字位置进行按照 bdi中dir的方向进行设置。

比如：

User <bdi dir="rtl">my home </bdi> 60

即使让my home 和外部的60 进行从右向左的位置显示，即显示：
60 my home

User <bdi dir="ltr">my home </bdi> 60

ltr : 从左向右，所以输出：

my home 60

问题补充：恩恩今天哦不应该是昨天也留意过~几大浏览器在这个标签的支持上都画着叉叉，因为考虑到最近浏览器都有更新，心想会不会已经有所改善。好啦问题解决了~谢谢大神，以后有问题继续向您请教！

283433775 写道

引用

感谢这位大神的回答
刚才做了一个测试
<bdi dir="rtl">test</bdi> We hope that they succeed.
User <bdi dir="rtl">my home </bdi> 60
<bdi dir="rtl">to</bdi> go!
执行的结果是：test We hope that they succeed. User my home 60 to go!
感觉语序完全无法控制了啊~还有
执行<bdi dir="rtl">to</bdi> go!的结果是：to go!
但执行<bdi dir="rtl">to</bdi> 60!的结果是：60 to!
这个语序是跟bdi标签后是数字还是字符串有关联么？

在html5上做了说明，目前没有一款主浏览器完全支持此标签，你可以看看w3cschool的英文版，是这样说的，所以在支持上面有欠缺，所以会乱。是因为还不完善。