← 返回首页
<rb> HTML ruby base element - HTML | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Seitenleiste umschalten
  1. Web
  2. HTML
  3. Reference
  4. Elements
  5. <rb>
Farbschema
  • Systemeinstellung
  • Hell
  • Dunkel
Deutsch
Sprache merken Mehr erfahren

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<rb> HTML ruby base element

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

Das <rb> HTML-Element wird verwendet, um die Basistextkomponente einer <ruby>-Annotation zu begrenzen, d.h. den Text, der annotiert wird. Ein <rb>-Element sollte jedes separate atomare Segment des Basistextes umschließen.

In diesem Artikel

Attribute

Dieses Element umfasst nur die globalen Attribute.

Anwendungshinweise

  • Ruby-Annotationen dienen der Anzeige der Aussprache von ostasiatischen Schriftzeichen, wie die Verwendung von japanischem Furigana oder taiwanesischen Bopomofo-Zeichen. Das <rb>-Element wird verwendet, um jedes Segment des Ruby-Basistextes zu trennen.
  • Obwohl <rb> kein leeres Element ist, ist es üblich, nur das öffnende Tag jedes Elements im Quellcode einzuschließen, damit das Ruby-Markup weniger komplex und leichter zu lesen ist. Der Browser kann dann das vollständige Element in der gerenderten Version ausfüllen.
  • Sie müssen für jedes Basissegment/<rb>-Element, das Sie annotieren möchten, ein <rt>-Element einschließen.

Beispiele

Verwendung von rb

In diesem Beispiel bieten wir eine Annotation für das ursprüngliche Zeichenäquivalent von "Kanji" an:

html
<ruby> <rb>漢</rb><rb>字 </rb><rp>(</rp><rt>kan</rt><rt>ji</rt><rp>)</rp> </ruby>

Beachten Sie, wie wir zwei <rb>-Elemente eingeschlossen haben, um die zwei getrennten Teile des Ruby-Basistextes zu begrenzen. Die Annotation hingegen ist durch zwei <rt>-Elemente begrenzt.

Ergebnis

Separate Annotationen

Beachten Sie, dass wir dieses Beispiel auch mit den zwei Basisteilen vollständig separat annotiert schreiben könnten. In diesem Fall müssen wir keine <rb>-Elemente einschließen:

html
<ruby> 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp> </ruby>

Ergebnis

Weitere Beispiele finden Sie im Artikel über das <ruby>-Element.

Technische Zusammenfassung

Inhaltskategorien Erlaubter Inhalt Tag-Auslassung Erlaubte Eltern Erlaubte ARIA-Rollen DOM-Schnittstelle
Keine.
Als Kind eines <ruby>-Elements.
Das End-Tag kann weggelassen werden, wenn das Element sofort von einem <rt>, <rtc>, oder <rp>-Element oder einem anderen <rb>-Element gefolgt wird oder wenn es keinen weiteren Inhalt im Elternelement gibt.
Ein <ruby>-Element.
Beliebig
[`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Spezifikation
HTML
# rb

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

Help improve MDN

War diese Übersetzung hilfreich?
Ja Nein
Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden
  1. HTML
  2. Anleitungen
    1. Cheatsheet
    2. Comments
    3. Constraint validation
    4. Inhaltskategorien
    5. Datums- und Zeitformate
    6. Microdata
    7. Microformats
    8. Quirks- und Standardsmodi
    9. Responsive Bilder
  3. Anleitung
  4. Begriffe mit HTML definieren
  5. Verwendung von data-Attributen
  6. Verwendung von Cross-Origin-Bildern
  7. Platzieren Sie eine Hitmap auf einem Bild
  8. Schnelle HTML-Seiten erstellen
  9. JavaScript hinzufügen
  10. Referenzen
  11. Elemente
    1. <a>
    2. <abbr>
    3. <acronym>
    4. <address>
    5. <area>
    6. <article>
    7. <aside>
    8. <audio>
    9. <b>
    10. <base>
    11. <bdi>
    12. <bdo>
    13. <big>
    14. <blockquote>
    15. <body>
    16. <br>
    17. <button>
    18. <canvas>
    19. <caption>
    20. <center>
    21. <cite>
    22. <code>
    23. <col>
    24. <colgroup>
    25. <data>
    26. <datalist>
    27. <dd>
    28. <del>
    29. <details>
    30. <dfn>
    31. <dialog>
    32. <dir>
    33. <div>
    34. <dl>
    35. <dt>
    36. <em>
    37. <embed>
    38. <fencedframe>
    39. <fieldset>
    40. <figcaption>
    41. <figure>
    42. <font>
    43. <footer>
    44. <form>
    45. <frame>
    46. <frameset>
    47. <geolocation>
    48. <h1>–<h6>
    49. <head>
    50. <header>
    51. <hgroup>
    52. <hr>
    53. <html>
    54. <i>
    55. <iframe>
    56. <img>
    57. <input>
    58. <ins>
    59. <kbd>
    60. <label>
    61. <legend>
    62. <li>
    63. <link>
    64. <main>
    65. <map>
    66. <mark>
    67. <marquee>
    68. <menu>
    69. <meta>
    70. <meter>
    71. <nav>
    72. <nobr>
    73. <noembed>
    74. <noframes>
    75. <noscript>
    76. <object>
    77. <ol>
    78. <optgroup>
    79. <option>
    80. <output>
    81. <p>
    82. <param>
    83. <picture>
    84. <plaintext>
    85. <pre>
    86. <progress>
    87. <q>
    88. <rb>
    89. <rp>
    90. <rt>
    91. <rtc>
    92. <ruby>
    93. <s>
    94. <samp>
    95. <script>
    96. <search>
    97. <section>
    98. <select>
    99. <selectedcontent>
    100. <slot>
    101. <small>
    102. <source>
    103. <span>
    104. <strike>
    105. <strong>
    106. <style>
    107. <sub>
    108. <summary>
    109. <sup>
    110. <table>
    111. <tbody>
    112. <td>
    113. <template>
    114. <textarea>
    115. <tfoot>
    116. <th>
    117. <thead>
    118. <time>
    119. <title>
    120. <tr>
    121. <track>
    122. <tt>
    123. <u>
    124. <ul>
    125. <var>
    126. <video>
    127. <wbr>
    128. <xmp>
  12. Attribute
    1. accept
    2. autocomplete
    3. capture
    4. content
    5. crossorigin
    6. dirname
    7. disabled
    8. elementtiming
    9. fetchpriority
    10. for
    11. form
    12. integrity
    13. max
    14. maxlength
    15. min
    16. minlength
    17. multiple
    18. pattern
    19. placeholder
    20. readonly
    21. rel
    22. required
    23. size
    24. step
  13. Globale Attribute
    1. accesskey
    2. anchor
    3. autocapitalize
    4. autocorrect
    5. autofocus
    6. class
    7. contenteditable
    8. data-*
    9. dir
    10. draggable
    11. enterkeyhint
    12. exportparts
    13. hidden
    14. id
    15. inert
    16. inputmode
    17. is
    18. itemid
    19. itemprop
    20. itemref
    21. itemscope
    22. itemtype
    23. lang
    24. nonce
    25. part
    26. popover
    27. slot
    28. spellcheck
    29. style
    30. tabindex
    31. title
    32. translate
    33. virtualkeyboardpolicy
    34. writingsuggestions
  14. Attributes by element
    1. <input>-Typen
      1. <input type="button">
      2. <input type="checkbox">
      3. <input type="color">
      4. <input type="date">
      5. <input type="datetime-local">
      6. <input type="email">
      7. <input type="file">
      8. <input type="hidden">
      9. <input type="image">
      10. <input type="month">
      11. <input type="number">
      12. <input type="password">
      13. <input type="radio">
      14. <input type="range">
      15. <input type="reset">
      16. <input type="search">
      17. <input type="submit">
      18. <input type="tel">
      19. <input type="text">
      20. <input type="time">
      21. <input type="url">
      22. <input type="week">
    2. <script type>
      1. importmap
      2. speculationrules
    3. <meta name>
      1. color-scheme
      2. referrer
      3. robots
      4. text-scale
      5. theme-color
      6. viewport
    4. <meta http-equiv>
  15. Attribute values
    1. <link rel> keywords
      1. alternatives Stylesheet
      2. compression-dictionary
      3. dns-prefetch
      4. manifest
      5. me
      6. modulepreload
      7. noopener
      8. noreferrer
      9. preconnect
      10. prefetch
      11. preload
      12. prerender

Der Bauplan für ein besseres Internet.

MDN Mitmachen Entwicklung

Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.