<ruby>: Das Ruby-Annotation-Element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <ruby>-HTML-Element repräsentiert kleine Anmerkungen, die über, unter oder neben dem Basistext dargestellt werden, normalerweise verwendet, um die Aussprache ostasiatischer Schriftzeichen anzuzeigen. Es kann auch zur Annotation anderer Arten von Text verwendet werden, aber diese Nutzung ist weniger üblich.

Der Begriff ruby stammt ursprünglich von einer Maßeinheit, die von Setzern verwendet wurde, und repräsentiert die kleinste Größe, in der Text auf Zeitungspapier gedruckt werden kann, während er lesbar bleibt.

Probieren Sie es aus

<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
ruby {
  font-size: 2em;
}

Attribute

Dieses Element beinhaltet nur die globalen Attribute.

Beispiele

Beispiel 1: Zeichen

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

Ergebnis

Beispiel 2: Wort

html
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Fließende Inhalte, Zeichenfolgen-Inhalt, wahrnehmbarer Inhalt.
Erlaubte Inhalte Zeichenfolgen-Inhalt.
Auslassung der Tags Keine, sowohl der Start- als auch der End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das Zeichenfolgen-Inhalt akzeptiert.
Implizierte ARIA-Rolle Keine entsprechende Rolle
Erlaubte ARIA-Rollen Beliebige
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-ruby-element

Browser-Kompatibilität

Siehe auch