HTML参考手册
标签 | Elements
bdi
该HTML <bdi>
元素(双向隔离)隔离了可能与其他文本的文本格式不同的文本区域。
当向具有固定方向性的文本内插入具有未知方向的文本(比如来自数据库中的文本)时,该元素就有很大的作用。
内容类别 |
流量内容,措辞内容,可触及的内容。 |
---|---|
允许的内容 |
短语内容。 |
标记遗漏 |
没有,起始和结束标签都是强制性的。 |
允许父母 |
任何接受短语内容的元素。 |
允许ARIA角色 |
任何 |
DOM界面 |
HTML元素 |
属性
dir
如同其他HTML元素一样,它包含全局属性,但是有一些语义上的细微差别:dir属性不继承父元素。如果没有设置,默认值即为auto,以便浏览器根据元素内容决定元素内容的方向。
使用说明
尽管在一个<span>
或另一个文本格式元素上使用CSS规则unicode-bidi
: isolate
可以实现相同的视觉效果,但语义仅由<bdi>
元素传递。尤其是,浏览器可以忽略CSS样式。在这种情况下,使用HTML元素仍然可以正确显示文本,但在使用CSS样式表达语义时会变成垃圾。
示例
<p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi>
is automatically displayed right-to-left.</p>
返回值
This arabic word REDLOHECALP_CIBARA is automatically displayed right-to-left.
规范
规范 |
状态 |
评论 |
---|---|---|
WHATWG HTML生活标准该规范中'<bdi>'的定义。 |
生活水平 |
|
HTML5该规范中'<bdi>'的定义。 |
建议 |
|
浏览器兼容性
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
---|---|---|---|---|---|
Basic support |
16 |
10.0 (10.0) |
No support |
No support |
No support |
Feature |
Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
---|---|---|---|---|---|
Basic support |
No support |
10.0 (10.0) |
No support |
No support |
No support |
标签 | Elements相关

超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。