HTML <rb>-Tag | W3Docs

Das HTML-Element <rb> wurde verwendet, um den Basistextbestandteil einer <ruby>-Annotation abzugrenzen — also die Zeichen, an die ein Aussprachehinweis gebunden ist.

Warnung

Veraltet — verwenden Sie <rb> nicht in neuem Code. Das <rb>-Element wurde aus dem HTML-Standard entfernt, und die Browserunterstützung ist unzuverlässig. Es wird nicht benötigt: Im modernen HTML wird der Basistext direkt in <ruby> platziert, ohne umschließendes Element. Diese Seite dient nur dazu, veraltetes Markup zu erkennen und davon zu migrieren.

Was Ruby-Annotationen sind

Eine Ruby-Annotation ist ein kurzer Textabschnitt, der neben einem Basistextabschnitt angezeigt wird. Sie wird typischerweise in der ostasiatischen Typografie verwendet, um die Aussprache (Lesung) von Zeichen anzugeben. Die Annotation wird in einer kleineren Schriftgröße dargestellt, üblicherweise oberhalb oder seitlich der Basiszeichen.

Eine Ruby-Annotation besteht aus drei modernen Elementen:

<ruby> — der Container für die gesamte Annotation.
<rt> — der Ruby-Text: die Aussprache/Annotation selbst.
<rp> — optionale Ruby-Klammern, die nur von Browsern angezeigt werden, die Ruby nicht darstellen können, sodass der Text zu etwas wie 漢字 (kanji) degradiert.

In altem Markup umschloss <rb> (und das ebenfalls veraltete <rtc>) den Basistext. Heute benötigt der Basistext kein umschließendes Element mehr.

Das moderne Muster (dieses verwenden)

Setzen Sie den Basistext direkt in <ruby> und folgen Sie jedem Basissegment mit seinem <rt>. Schließen Sie den <rt>-Inhalt in <rp>-Klammern ein, damit die Annotation auch dort sinnvoll lesbar bleibt, wo Ruby nicht unterstützt wird.

Beispiel einer modernen Ruby-Annotation (ohne `<rb>`):

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      body {
        font-size: 30px;
      }
    </style>
  </head>
  <body>
    <ruby>
      漢 <rp>(</rp><rt>kan</rt><rp>)</rp>
      字 <rp>(</rp><rt>ji</rt><rp>)</rp>
    </ruby>
  </body>
</html>

Probier es selbst »

Ergebnis

Ein Browser, der Ruby unterstützt, rendert kan oberhalb von 漢 und ji oberhalb von 字. Ein Browser, der dies nicht kann, fällt auf 漢 (kan) 字 (ji) zurück, dank der <rp>-Elemente.

Veraltetes `<rb>`-Markup (erkennen, nicht verwenden)

In älteren Dokumenten kann es vorkommen, dass jedes Basissegment in <rb> eingeschlossen ist. Das folgende Beispiel wird nur gezeigt, damit Sie es erkennen — ersetzen Sie es durch das oben beschriebene moderne Muster.

<!-- Legacy markup — DO NOT USE in new code -->
<ruby>
  <rb>漢</rb>
  <rb>字</rb>
  <rp>(</rp><rt>kan</rt><rt>ji</rt><rp>)</rp>
</ruby>

Entfernen Sie zur Migration die <rb>-Tags und lassen Sie die Basiszeichen direkt in <ruby>.

Browserunterstützung

<rb> ist kein Bestandteil der aktuellen HTML-Spezifikation. Selbst dort, wo Browser es tolerieren, ist das Verhalten inkonsistent, sodass Sie sich nicht darauf verlassen sollten. Die moderne Kombination aus <ruby> / <rt> / <rp> wird von aktuellen Browsern gut unterstützt.

Übungen

Übung

Welche Aussagen über den veralteten <rb>-Tag und moderne Ruby-Annotationen sind korrekt?

Der <rb>-Tag wird verwendet, um eine Spalte in einer Tabelle anzugeben.Das <rb>-Element wurde verwendet, um den Basistext einer Ruby-Annotation abzugrenzen, ist jedoch veraltet und aus dem HTML-Standard entfernt worden.Im modernen HTML wird der Basistext direkt in <ruby> platziert, ohne umschließendes Element.Der <rb>-Tag muss zusammen mit den Tags <rtc> und <rt> verwendet werden.Sie sollten <rb> in neuem Code verwenden, um die beste Browserunterstützung zu erhalten.