<rp>: Das Ruby Fallback-Klammer-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 <rp> HTML-Element wird verwendet, um Ersatzklammern für Browser bereitzustellen, die keine Ruby-Anmerkungen mit dem <ruby>-Element unterstützen. Ein <rp>-Element sollte jede der öffnenden und schließenden Klammern umschließen, die das <rt>-Element enthalten, das den Text der Anmerkung enthält.

Probieren Sie es aus

<ruby>
  漢 <rp>(</rp><rt>kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

ruby {
  font-size: 2em;
}

Attribute

Dieses Element umfasst nur die globalen Attribute.

Verwendungshinweise

  • Ruby-Anmerkungen werden zur Darstellung der Aussprache ostasiatischer Zeichen verwendet, wie zum Beispiel japanische Furigana oder taiwanesische Bopomofo-Zeichen. Das <rp>-Element wird verwendet, wenn keine Unterstützung für das <ruby>-Element vorhanden ist; der <rp>-Inhalt zeigt an, dass eine Ruby-Anmerkung vorhanden ist, üblicherweise durch Klammern.

Beispiele

Verwendung von Ruby-Anmerkungen

Dieses Beispiel verwendet Ruby-Anmerkungen, um die Romaji-Äquivalente für jedes Zeichen anzuzeigen.

html
<ruby>
  漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

Ergebnis

Siehe den Artikel über das <ruby>-Element für weitere Beispiele.

Ohne Ruby-Unterstützung

Wenn Ihr Browser keine Ruby-Anmerkungen unterstützt, sieht das Ergebnis stattdessen so aus:

Technische Zusammenfassung

Inhaltskategorien Keine.
Erlaubter Inhalt Text
Tag-Auslassung Das End-Tag kann weggelassen werden, wenn das Element unmittelbar auf ein <rt>- oder ein weiteres <rp>-Element folgt, oder wenn es keinen weiteren Inhalt im Elternelement gibt.
Erlaubte Eltern Ein <ruby>-Element. <rp> muss unmittelbar vor oder nach einem <rt>-Element positioniert sein.
Implizierte ARIA-Rolle Keine entsprechende Rolle
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-rp-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch