<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 Anmerkungen, die über, unter oder neben dem Basistext dargestellt werden. Es wird normalerweise zur Anzeige der Aussprache von ostasiatischen Zeichen verwendet. Es kann auch zur Annotation anderer Textarten verwendet werden, allerdings ist diese Nutzung weniger verbreitet.

Der Begriff ruby stammt ursprünglich von einer Maßeinheit, die von Setzern verwendet wird, und bezieht sich auf die kleinste Größe, bei der Text auf Zeitungspapier gedruckt werden kann, während er noch lesbar 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 Fließinhalt, Phrasierungsinhalt, greifbarer Inhalt.
Erlaubter Inhalt Phrasierungsinhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind erforderlich.
Erlaubte Eltern Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizite 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

Siehe auch