Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
<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 Juli 2015.
Das<ruby>HTML-Element repräsentiert kleine Anmerkungen, die über, unter oder neben dem Basistext dargestellt werden. Es wird üblicherweise verwendet, um die Aussprache von ostasiatischen Schriftzeichen anzuzeigen. Es kann auch verwendet werden, um andere Arten von Text zu annotieren, aber diese Verwendung ist weniger verbreitet.
Der BegriffRuby stammt ursprünglich auseiner Maßeinheit, die von Schriftsetzern verwendet wird. Er steht für die kleinste Größe, in der Text auf Zeitungspapier gedruckt werden kann, während er dennoch 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 dieglobalen Attribute.
Beispiele
Beispiel 1: Charakter
<ruby> 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp></ruby>Ergebnis
Beispiel 2: Wort
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>Ergebnis
Technische Zusammenfassung
| Inhaltskategorien | Fließinhalt,Phrasierungsinhalt, fühlbarer Inhalt. |
|---|---|
| Erlaubter Inhalt | Eine oder mehrere Gruppen, jede bestehend aus zwei Teilen:
|
| Tag-Weglassung | Keine, sowohl der Start- als auch der End-Tag sind erforderlich. |
| Erlaubte Eltern | Jedes Element, dasPhrasierungsinhalt 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
Siehe auch
<rt><rp>ruby-overhangtext-transform: full-size-kana