<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 stellt kleine Anmerkungen dar, die über, unter oder neben dem Basistext angezeigt werden. Es wird üblicherweise zur Darstellung der Aussprache von ostasiatischen Zeichen verwendet. Es kann auch zur Kommentierung anderer Arten von Text verwendet werden, jedoch ist diese Verwendung weniger gebräuchlich.

Der Begriff ruby stammt ursprünglich von einer Maßeinheit, die von Setzern verwendet wird, und bezeichnet 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 umfasst 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.
Weglassen des Tags Keine, sowohl das Anfangs- als auch das Endtag sind erforderlich.
Zulässige Eltern Jedes Element, das Phraseninhalt akzeptiert.
Implizite ARIA-Rolle Keine entsprechende Rolle
Zulässige ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-ruby-element

Browser-Kompatibilität

Siehe auch