Tag <rt>

Tag <rt>

Definition

Status: Aktueller Standard

Das Tag <rt> steht für ruby text ("Ruby"-Text).

Das Tag <rt> steht für Ruby Text und ist das wichtigste Kind-Element innerhalb einer Ruby-Annotation. Es enthält die eigentliche Erklärung oder Aussprachehilfe (z. B. Furigana), die über oder neben dem Basistext angezeigt wird. In der Standarddarstellung der Browser wird dieser Text kleiner und oberhalb (bei horizontalem Text) bzw. rechts (bei vertikalem Text) vom Basistext (<rb> oder direkt im <ruby>) platziert. Es muss zwingend innerhalb eines <ruby>-Elements stehen.

Syntax

<ruby>
  <rb>...</rb>
  <rp>(</rp>
  <rt>...</rt>
  <rtc>...</rtc>
  <rp>)</rp>
</ruby>

Attribute bzw. Unterelemente

lang

Nicht vergessen, da hier ja meist eine andere Sprache verwendet wird!

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <rt> - ---

Der Code:

<ruby>
  <!-- Wird aktuell ohne <rb> eigefügt! -->
  <rb>漢</rb>
  <rp>(</rp>
  <rt>かん</rt>
  <rp>)</rp>
  <!-- Wird aktuell ohne <rb> eigefügt! -->
  <rb>字</rb>
  <rp>(</rp>
  <rt>じ</rt>
  <rp>)</rp>
</ruby>

Ergebnis:

Ergebnis: <rt>-Demo 1
---

Beispiel <rt> - <ruby> verschachtelt. Macht Übersetzung unterhalb möglich...

Der Code:

<ruby>
  <ruby>
    <!-- Wird aktuell ohne <rb> eigefügt! -->
    <rb>猫</rb>
    <rt>ねこ</rt>
  </ruby>
  <rt style="ruby-position: under;">Katze</rt>
</ruby>

Ergebnis:

Ergebnis: <rt>-Demo 2
<ruby> verschachtelt. Macht Übersetzung unterhalb möglich...

CSS-Tipps:

Im Gegensatz zu <rtc> muss hier das Property für Position der Übersetzung ("ruby-position") beim zweiten <rt> stehen! Beim ersten <rt> greift der Standard (obenhalb).