HTML 参考手册
HTML 参考手册
  1. HTML 标签列表(字母排序)
  2. HTML 标签列表（功能排序）
  3. HTML 全局属性
  4. HTML 事件
  5. HTML 画布
  6. HTML 音频/视频
  7. HTML 有效DOCTYPES
  8. HTML 颜色名
  9. HTML 在线拾色器
  10. HTML 颜色混搭
  11. HTML 字符集
  12. HTML ASCII 参考手册
  13. HTML ISO-8859-1 参考手册
  14. HTML 符号实体参考手册
  15. HTML URL 编码参考手册
  16. HTML 语言代码参考手册
  17. HTTP 状态消息
  18. HTTP 方法：GET 对比 POST
  19. Px、Em 换算工具
  20. px，pt，em 换算表
  21. px、em、rem区别介绍
  22. 键盘快捷键
  23. HTML标签
    1. <!–…–> 注释标签
    2. <!DOCTYPE> 声明
    3. <a> 标签
    4. <abbr> 标签
    5. <acronym> 标签
    6. <address> 标签
    7. <applet> 标签
    8. <area> 标签
    9. <article> 标签
    10. <aside> 标签
    11. <audio> 标签
    12. <b> 标签
    13. <base> 标签
    14. <basefont> 标签
    15. <bdi> 标签
    16. <bdo> 标签
    17. <big> 标签
    18. <blockquote> 标签
    19. <body> 标签
    20. <br> 标签
    21. <button> 标签
    22. <canvas> 标签
    23. <caption> 标签
    24. <center> 标签
    25. <cite> 标签
    26. <code> 标签
    27. <col> 标签
    28. <colgroup> 标签
    29. <command> 标签
    30. <datalist> 标签
    31. <dd> 标签
    32. <del> 标签
    33. <details> 标签
    34. <dfn> 标签
    35. <dialog> 标签
    36. <dir> 标签
    37. <div> 标签
    38. <dl> 标签
    39. <dt> 标签
    40. <em> 标签
    41. <embed> 标签
    42. <fieldset> 标签
    43. <figcaption> 标签
    44. <figure> 标签
    45. <font> 标签
    46. <footer> 标签
    47. <form> 标签
    48. <frame> 标签
    49. <frameset> 标签
    50. <head> 标签
    51. <header> 标签
    52. <hgroup> 标签
    53. <h1> – <h6> 标签
    54. <hr> 标签
    55. <i> 标签
    56. <iframe> 标签
    57. <img> 标签
    58. <input> 标签
    59. <ins> 标签
    60. <kbd> 标签
    61. <keygen> 标签
    62. <label> 标签
    63. <legend> 标签
    64. <li> 标签
    65. <link>标签
    66. <map> 标签
    67. <mark> 标签
    68. <menu> 标签
    69. <meta> 标签
    70. <meter> 标签
    71. <nav> 标签
    72. <noframes> 标签
    73. <noscript> 标签
    74. <object> 标签
    75. <ol> 标签
    76. <optgroup> 标签
    77. <option> 标签
    78. <output> 标签
    79. <p> 标签
    80. <param> 标签
    81. <pre> 标签
    82. <html> 标签
    83. <progress> 标签
    84. <q> 标签
    85. <rp> 标签
    86. <rt> 标签
    87. <ruby> 标签
    88. <s> 标签
    89. <samp> 标签
    90. <script> 标签
    91. <section> 标签
    92. <select> 标签
    93. <small> 标签
    94. <source> 标签
    95. <span> 标签
    96. <strike> 标签
    97. <strong> 标签
    98. <style> 标签
    99. <sub> 标签
    100. <summary> 标签
    101. <sup> 标签
    102. <table> 标签
    103. <tbody> 标签
    104. <td> 标签
    105. <template> 标签
    106. <textarea> 标签
    107. <tfoot> 标签
    108. <th> 标签
    109. <thead> 标签
    110. <time> 标签
    111. <title> 标签
    112. <tr> 标签
    113. <track> 标签
    114. <tt> 标签
    115. <u> 标签
    116. <ul> 标签
    117. <var> 标签
    118. <video> 标签
    119. <wbr> 标签
  24. HTML track kind 属性
  25. HTML video autoplay 属性
  26. HTML video controls 属性
  27. HTML track label 属性
  28. HTML video height 属性
  29. HTML track src 属性
  30. HTML video loop 属性
  31. HTML track srclang 属性
  32. HTML video muted 属性
  33. HTML tr align 属性
  34. HTML video poster 属性
  35. HTML tr bgcolor 属性
  36. HTML video preload 属性
  37. HTML tr char 属性
  38. HTML video src 属性
  39. HTML tr charoff 属性
  40. HTML video width 属性
  41. HTML tr valign 属性
  42. HTML track default 属性
  43. HTML tbody valign 属性
  44. HTML script src 属性
  45. HTML tbody charoff 属性
  46. HTML script type 属性
  47. HTML tbody char 属性
  48. HTML q cite 属性
  49. HTML tbody align 属性
  50. HTML ol compact 属性
  51. HTML style media 属性
  52. HTML ol reversed 属性
  53. HTML style scoped 属性
  54. HTML ol start 属性
  55. HTML style type 属性
  56. HTML ol type 属性
  57. HTML script async 属性
  58. HTML script charset 属性
  59. HTML script defer 属性
  60. HTML embed height 属性
  61. HTML button formaction 属性
  62. HTML basefont face 属性
  63. HTML embed src 属性
  64. HTML button formenctype 属性
  65. HTML embed type 属性
  66. HTML button formmethod 属性
  67. HTML basefont size 属性
  68. HTML embed width 属性
  69. HTML button formnovalidate 属性
  70. HTML meta charset 属性
  71. HTML dir compact 属性
  72. HTML button formtarget 属性
  73. HTML meta content 属性
  74. HTML del cite 属性
  75. HTML meta http-equiv 属性
  76. HTML button name 属性
  77. HTML del datetime 属性
  78. HTML meta name 属性
  79. HTML button type 属性
  80. HTML button autofocus 属性
  81. HTML button value 属性
  82. HTML meta scheme 属性
  83. HTML button disabled 属性
  84. HTML menu label 属性
  85. HTML button form 属性
  86. HTML menu type 属性
  87. HTML basefont color 属性
  88. HTML map name 属性
  89. HTML fieldset disabled 属性
  90. HTML fieldset form 属性
  91. HTML fieldset name 属性
阅读(49.6k) 书签 赞(3) 我要纠错

HTML <bdi> 标签

2022-06-01 15:17 更新

<bdi> 元素是指双向隔离元素。

<bdi> 标签的开始标签和结束标签都不能省略。

实例

将用户名从周围的文本方向设置中隔离出来：

<ul>
<li>用户 <bdi>hrefs</bdi>: 60 分</li>
<li>用户 <bdi>jdoe</bdi>: 80 分</li>
<li>用户 <bdi>إيان</bdi>: 90 分</li>
</ul>

尝试一下 »

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

目前只有 Firefox 和 Chrome 浏览器支持 <bdi> 标签。

标签定义及使用说明

bdi 指的是 bidi 隔离（Bi-directional Isolation）。

<bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置。

在发布用户评论或其他您无法完全控制的内容时，该标签很有用。

提示：尽管同样的显示效果可以通过使用 CSS 规则：unicode-bidi 隔离文本格式化元素，但语义信息只能通过 <bdi> 元素传递。

HTML 4.01 与 HTML5之间的差异

<bdi> 标签是 HTML5 的新标签。

属性

属性 值 描述
dir
  • ltr
  • rtl
  • auto
 可选。规定 <bdi> 元素内的文本的文本方向。默认值：auto。

全局属性

<bdi> 标签支持 HTML 的全局属性。

事件属性

<bdi> 标签支持 HTML 的事件属性。


以上内容是否对您有帮助：
← HTML <basefont> 标签
HTML <bdo > 标签 →
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号