<ruby>: Das Ruby-Anmerkungselement

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 angezeigt werden. Es wird üblicherweise verwendet, um die Aussprache von ostasiatischen Zeichen darzustellen. Es kann auch zur Annotation anderer Texte verwendet werden, diese Nutzung ist jedoch weniger verbreitet.

Der Begriff ruby stammt ursprünglich aus einer Maßeinheit, die von Schriftsetzern verwendet wurde, und bezeichnet die kleinste Textgröße, die auf Zeitungspapier gedruckt werden kann und dabei 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 Übersicht

Inhaltskategorien Fließender Inhalt, formulierender Inhalt, spürbarer Inhalt.
Erlaubter Inhalt Formulierender Inhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das formulierenden Inhalt akzeptiert.
Implizite 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