W3docs

HTML <rp>-Tag

Der <rp>-Tag definiert einen alternativen Text, der in Browsern angezeigt wird, die den <ruby>-Tag nicht unterstützen.

Der <rp>-Tag (ruby parenthesis) stellt Fallback-Klammern für Browser bereit, die das <ruby>-Element nicht unterstützen. Ruby-Annotationen sind kleine Textstücke, die neben einem Grundzeichen angezeigt werden, um dessen Aussprache oder Bedeutung anzugeben — eine Konvention, die in ostasiatischen (japanischen, chinesischen) Publikationen weit verbreitet ist.

Der <rp>-Tag ist eines der HTML5-Elemente.

Wie <ruby>, <rt> und <rp> zusammenwirken

Eine Ruby-Annotation besteht aus drei Elementen mit unterschiedlichen Aufgaben:

  • <ruby> — der Container, der den Basistext und seine Annotation umschließt.
  • <rt> (ruby text) — die eigentliche Annotation, die Aussprache oder Anmerkung, die über (oder neben) dem Grundzeichen dargestellt wird.
  • <rp> (ruby parenthesis) — die Fallback-Zeichen, üblicherweise ( und ), die die Annotation nur dann einschließen, wenn Ruby nicht unterstützt wird.

Der wesentliche Gedanke ist die unterschiedliche Darstellung:

  • Browser, die Ruby unterstützen, blenden den Inhalt jedes <rp>-Elements aus und zeigen die <rt>-Annotation an der richtigen Position an (über dem Basistext). Der Leser sieht die Klammern nie.
  • Browser, die Ruby nicht unterstützen, ignorieren die Positionierung und rendern alles inline. Die <rp>-Klammern werden dann sichtbar, sodass 漢字(Kanji) als einfacher Text sinnvoll lesbar ist, anstatt als mehrdeutiges 漢字Kanji.

Ein <rp> wird vor dem <rt> (die öffnende Klammer) und eines danach (die schließende Klammer) platziert, damit die Annotation im Fallback-Fall auf beiden Seiten eingeschlossen ist.

Syntax

Das <rp>-Element wird mit einem Start-Tag und einem End-Tag geschrieben. Gemäß HTML5 ist das End-Tag (</rp>) optional: Es kann weggelassen werden, wenn auf das <rp>-Element unmittelbar ein weiteres <rp>- oder <rt>-Element folgt oder wenn kein weiterer Inhalt im übergeordneten <ruby>-Element vorhanden ist. Das Einschließen des End-Tags ist stets sicher und wird der Übersichtlichkeit halber empfohlen.

Beispiel des HTML-<rp>-Tags:

HTML-<rp>-Tag

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <ruby>
    漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
    字 <rp>(</rp><rt>ji</rt><rp>)</rp>
    </ruby>
  </body>
</html>

Ergebnis

rp tag Beispiel

In einem Browser mit Ruby-Unterstützung erscheint die Ausgabe als „Kan ji" über „漢字", und die Klammern bleiben verborgen. In einem Browser ohne Ruby-Unterstützung wird dasselbe Markup als Inline-Text 漢(Kan)字(ji) dargestellt — die <rp>-Klammern halten die Annotation lesbar.

Attribute

Der <rp>-Tag unterstützt die globalen Attribute und die Ereignis-Attribute.

Verwandte Tags

  • <ruby> — der Container für eine Ruby-Annotation.
  • <rt> — der Ruby-Annotationstext (Aussprache oder Anmerkung).
  • <rb> — kennzeichnet den Basistext einer Ruby-Annotation.

Übung

Übung
Wofür wird der HTML-Tag <rp> bei der HTML-Kodierung verwendet?
Wofür wird der HTML-Tag <rp> bei der HTML-Kodierung verwendet?
Was this page helpful?