<ruby>: Das Ruby-Annotationselement

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 Annotationen, die oberhalb, unterhalb oder neben dem Basistext dargestellt werden, normalerweise zur Darstellung der Aussprache von ostasiatischen Zeichen. Es kann auch zur Annotation anderer Arten von Text verwendet werden, aber diese Verwendung ist weniger verbreitet.

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

Probieren Sie es aus

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

ruby {
  font-size: 2em;
}

Attribute

Dieses Element enthält 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	Flussinhalt, Phraseninhalt, greifbarer Inhalt.
Erlaubter Inhalt	Phraseninhalt.
Tag-Auslassung	Keine, sowohl das Start- als auch das End-Tag sind erforderlich.
Erlaubte Elternelemente	Jedes Element, das Phraseninhalt akzeptiert.
Implizierte ARIA-Rolle	Keine entsprechende Rolle
Erlaubte ARIA-Rollen	Beliebig
DOM-Schnittstelle	[`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML # the-ruby-element

Browser-Kompatibilität

BCD tables only load in the browser