directory search
Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp
characters

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

Previous article: Next article: