-
HTML标签
- HTML <area> 标签
- HTML <applet> 标签
- HTML <acronym> 标签
- HTML <address> 标签
- HTML <abbr> 标签
- HTML !DOCTYPE 声明
- HTML <a> 标签
- 超详细的HTML <!–…– > 注释标签使用实例
- HTML <caption> 标签
- HTML <canvas> 标签
- HTML <button> 标签
- HTML <br>标签
- HTML <body> 标签
- HTML <blockquote> 标签
- HTML <big> 标签
- HTML <bdo > 标签
- HTML <bdi> 标签
- HTML <basefont> 标签
- HTML <base> 标签
- HTML <b> 标签
- HTML <audio> 标签
- HTML <aside> 标签
- HTML <article > 标签
- HTML <dl> 标签
- HTML <div> 标签
- HTML <dir> 标签
- HTML <dialog> 标签
- HTML <dfn> 标签
- HTML <details> 标签
- HTML <del> 标签
- HTML <dd> 标签
- HTML <datalist> 标签
- HTML <command> 标签
- HTML <colgroup> 标签
- HTML <col> 标签
- HTML <code> 标签
- HTML <cite> 标签
- HTML <center> 标签
- HTML <h1 – h6> 标签
- HTML <hgroup> 标签
- HTML <header> 标签
- HTML <head> 标签
- HTML <frameset> 标签
- HTML <frame> 标签
- HTML <form> 标签
- HTML <footer> 标签
- HTML <font> 标签
- HTML <figure> 标签
- HTML <figcaption> 标签
- HTML <fieldset> 标签
- HTML <embed> 标签
- HTML <em> 标签
- HTML <dt> 标签
- HTML <menu> 标签
- HTML5 <mark> 标签
- HTML <map> 标签
- HTML <link>标签
- HTML <li> 标签
- HTML <legend> 标签
- HTML <label> 标签
- HTML5 <keygen> 标签
- HTML <kbd> 标签
- HTML <ins> 标签
- HTML <input> 标签
- HTML <img> 标签
- HTML <iframe> 标签
- HTML <i> 标签
- HTML <hr> 标签
- HTML <progress> 标签
- HTML <html> 标签
- HTML <pre> 标签
- HTML <param> 标签
- HTML <p> 标签
- HTML <output> 标签
- HTML <option> 标签
- HTML <optgroup> 标签
- HTML <ol> 标签
- HTML <object> 标签
- HTML <noscript> 标签
- HTML <noframes> 标签
- HTML <nav> 标签
- HTML <meter> 标签
- HTML <meta> 标签
- HTML <style> 标签
- HTML <strong> 标签
- HTML <strike> 标签
- HTML <span> 标签
- HTML <source> 标签
- HTML <small> 标签
- 超详细的HTML <select> 标签用法及技巧介绍
- HTML <section> 标签
- HTML <script> 标签
- HTML <samp> 标签
- HTML <s> 标签
- HTML <ruby> 标签
- HTML <rt> 标签
- HTML <rp> 标签
- HTML <q> 标签
- HTML <tt> 标签
- HTML <track> 标签
- HTML <tr> 标签
- HTML <title> 标签
- HTML <time> 标签
- HTML <thead> 标签
- HTML <th> 标签
- HTML <tfoot> 标签
- HTML <textarea> 标签
- HTML <td> 标签
- HTML <tbody> 标签
- HTML <table> 标签
- HTML <sup> 标签
- HTML <summary> 标签
- HTML <sub> 标签
- HTML tr align 属性
- HTML video muted 属性
- HTML track srclang 属性
- HTML video loop 属性
- HTML track src 属性
- HTML video height 属性
- HTML track label 属性
- HTML video controls 属性
- HTML video autoplay 属性
- HTML track kind 属性
- HTML <wbr> 标签
- HTML <video> 标签
- HTML <var> 标签
- HTML <ul> 标签
- HTML <u> 标签
- HTML q cite 属性
- HTML tbody char 属性
- HTML script type 属性
- HTML tbody charoff 属性
- HTML script src 属性
- HTML tbody valign 属性
- HTML track default 属性
- HTML tr valign 属性
- HTML video width 属性
- HTML tr charoff 属性
- HTML video src 属性
- HTML tr char 属性
- HTML video preload 属性
- HTML tr bgcolor 属性
- HTML video poster 属性
- HTML embed src 属性
- HTML basefont face 属性
- HTML button formaction 属性
- HTML embed height 属性
- HTML script defer 属性
- HTML script charset 属性
- HTML script async 属性
- HTML ol type 属性
- HTML style type 属性
- HTML ol start 属性
- HTML style scoped 属性
- HTML ol reversed 属性
- HTML style media 属性
- HTML ol compact 属性
- HTML tbody align 属性
- HTML meta name 属性
- HTML del datetime 属性
- HTML button name 属性
- HTML meta http-equiv 属性
- HTML del cite 属性
- HTML meta content 属性
- HTML button formtarget 属性
- HTML dir compact 属性
- HTML meta charset 属性
- HTML button formnovalidate 属性
- HTML embed width 属性
- HTML basefont size 属性
- HTML button formmethod 属性
- HTML embed type 属性
- HTML button formenctype 属性
- <template> 标签
- HTML fieldset name 属性
- HTML fieldset form 属性
- HTML fieldset disabled 属性
- HTML map name 属性
- HTML basefont color 属性
- HTML menu type 属性
- HTML button form 属性
- HTML menu label 属性
- HTML button disabled 属性
- HTML meta scheme 属性
- HTML button value 属性
- HTML button autofocus 属性
- HTML button type 属性
-
HTML_Event_Reference
- HTML事件属性onggle
- HTML事件属性onwheel
- HTML事件属性ondragleave
- HTML事件属性onreset
- HTML事件属性onload
- HTML事件属性ondragover
- HTML事件属性onresize
- HTML事件属性onmousedown
- HTML事件属性ondragstart
- HTML事件属性onscroll
- HTML事件属性ondrop
- HTML事件属性onsearch
- HTML事件属性Onmousemove
- HTML事件属性onselect
- HTML事件属性onmouseout
- HTML事件属性onshow
- HTML事件属性onsubmit
- HTML事件属性oncut
- HTML事件属性onhashchange
- HTML事件属性onmouseup
- HTML事件属性ondblclick
- HTML事件属性oninput
- HTML事件属性onoffline
- HTML事件属性ondrag
- HTML事件属性onkeydown
- HTML事件属性ononline
- HTML事件属性ondragend
- HTML事件属性onpageshow
- HTML事件属性onkeypress
- HTML事件属性ondragenter
- HTML事件属性onpaste
- HTML事件属性onkeyup
- HTML事件属性onafterprint
- HTML事件属性onbeforeprint
- HTML事件属性onbeforeunload
- HTML事件属性onblur
- HTML事件属性onchange
- HTML事件属性onclick
- HTML事件属性oncontextmenu
- HTML事件属性oncopy
- HTML事件属性onfocus
- HTML事件属性onmouseover
- HTML事件属性onunload
HTML <bdi> 标签
<bdi> 元素是指双向隔离元素。
<bdi> 标签的开始标签和结束标签都不能省略。
实例
将用户名从周围的文本方向设置中隔离出来：
<ul>
<li>用户 <bdi>hrefs</bdi>: 60 分</li>
<li>用户 <bdi>jdoe</bdi>: 80 分</li>
<li>用户 <bdi>إيان</bdi>: 90 分</li>
</ul>
<li>用户 <bdi>hrefs</bdi>: 60 分</li>
<li>用户 <bdi>jdoe</bdi>: 80 分</li>
<li>用户 <bdi>إيان</bdi>: 90 分</li>
</ul>
尝试一下 »
浏览器支持
目前只有 Firefox 和 Chrome 浏览器支持 <bdi> 标签。
标签定义及使用说明
bdi 指的是 bidi 隔离（Bi-directional Isolation）。
<bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置。
在发布用户评论或其他您无法完全控制的内容时，该标签很有用。
提示：尽管同样的显示效果可以通过使用 CSS 规则：unicode-bidi 隔离文本格式化元素，但语义信息只能通过 <bdi> 元素传递。
HTML 4.01 与 HTML5之间的差异
<bdi> 标签是 HTML5 的新标签。
属性
| 属性 | 值 | 描述 |
|---|---|---|
| dir |
|
可选。规定 <bdi> 元素内的文本的文本方向。默认值：auto。 |
全局属性
<bdi> 标签支持 HTML 的全局属性。
事件属性
<bdi> 标签支持 HTML 的事件属性。