<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 ⁨Juli 2015⁩.

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

Nutzungshinweise

Ruby-Annotationen dienen der Anzeige der Aussprache von ostasiatischen Zeichen, wie zum Beispiel japanische Furigana oder taiwanesische Bopomofo-Zeichen. Das <rp>-Element wird im Fall von fehlender Unterstützung des <ruby>-Elements verwendet; der <rp>-Inhalt stellt dar, was angezeigt werden sollte, um die Präsenz einer Ruby-Annotation anzuzeigen, üblicherweise in Form von Klammern.

Beispiele

Verwendung von Ruby-Annotationen

Dieses Beispiel verwendet Ruby-Annotationen, um die Romaji-Entsprechungen für jedes Zeichen anzuzeigen.

html

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

body {
  font-size: 22px;
}

Ergebnis

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

Ohne Ruby-Unterstützung

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

漢 (Kan) 字 (ji)

body {
  font-size: 22px;
}

Technische Zusammenfassung

Inhaltskategorien	Keine.
Erlaubter Inhalt	Text
Tag-Auslassung	Das End-Tag kann weggelassen werden, wenn das Element unmittelbar gefolgt wird von einem `<rt>`- oder einem weiteren `<rp>`-Element, oder wenn kein weiterer Inhalt im Elternelement vorhanden ist.
Erlaubte Eltern	Ein `<ruby>`-Element. `<rp>` muss unmittelbar vor oder nach einem `<rt>`-Element positioniert sein.
Implizite ARIA-Rolle	Keine entsprechende Rolle
Erlaubte ARIA-Rollen	Jede
DOM-Schnittstelle	[`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML # the-rp-element

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden