HTML <rtc>-Tag
Das HTML <rtc>-Element ist veraltet und aus der Spezifikation entfernt. Erfahren Sie, warum, und lernen Sie die moderne Ruby-Auszeichnung mit <ruby>, <rt> und <rp> kennen.
Das HTML-Element <rtc> (Ruby Text Container) gruppierte ein oder mehrere <rt>-Elemente, um eine zweite Ebene von Anmerkungen — beispielsweise eine Übersetzung oder eine alternative Lesart — an Ruby-Basistext innerhalb eines <ruby>-Containers anzuhängen.
Wichtig:
<rtc>ist veraltet. Es wurde zusammen mit den Elementen<rbc>und<rb>aus dem HTML Living Standard entfernt. Moderne Browser unterstützen das „komplexe Ruby"-Modell, zu dem es gehörte, nicht mehr und ignorieren den Tag möglicherweise oder rendern ihn unvorhersehbar. Verwenden Sie<rtc>nicht in neuen Seiten. Diese Seite dokumentiert es aus historischen Gründen und zeigt weiter unten den modernen Ersatz.
Warum es entfernt wurde
<rtc> gehörte zu einem älteren, komplexeren Ruby-Modell, das auch auf <rbc> (Ruby Base Container) und <rb> (Ruby Base) basierte. Dieses Modell ermöglichte es Autoren, zwei Annotationsebenen — zum Beispiel eine phonetische Lesart und eine Übersetzung — über einer einzelnen Basis zu stapeln. In der Praxis wurde es browserübergreifend inkonsistent implementiert und war schwierig zu verfassen, weshalb die Spezifikation vereinfacht wurde. Heute decken die Elemente <ruby>, <rt> und <rp> (plus etwas CSS) die wesentlichen Anwendungsfälle ab.
Der moderne Ersatz
Für standardmäßiges ostasiatisches Ruby — ein Basiszeichen mit einem darüber stehenden Aussprachehinweis — benötigen Sie nur <ruby>, <rt> für die Anmerkung und <rp> als Fallback für Browser ohne Ruby-Rendering.
Beispiel: Ruby ohne <rtc>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<ruby>
旧<rp>(</rp><rt>jiù</rt><rp>)</rp>
金<rp>(</rp><rt>jīn</rt><rp>)</rp>
山<rp>(</rp><rt>shān</rt><rp>)</rp>
</ruby>
</body>
</html>Die <rp>-Klammern werden von Browsern, die Ruby rendern, ausgeblendet und von Browsern, die dies nicht tun, als einfacher Text angezeigt — sodass 旧(jiù)金(jīn)山(shān) überall lesbar bleibt.
Ruby mit CSS steuern
Sie können steuern, wo die Anmerkung erscheint und wie sie ausgerichtet wird, indem Sie CSS statt zusätzlicher Container-Elemente verwenden:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
ruby {
ruby-position: over; /* place reading above the base (under, inter-character, alternate also valid) */
ruby-align: center; /* distribute the annotation: start, center, space-between, space-around */
}
</style>
</head>
<body>
<ruby>漢<rt>kan</rt>字<rt>ji</rt></ruby>
</body>
</html>Wenn Sie wirklich eine zweite Annotationsebene benötigen (der Anwendungsfall, für den <rtc> gedacht war), ist der zuverlässigste Ansatz heute die Verwendung von zwei gestapelten <ruby>-Elementen oder die Gestaltung mit ruby-position, da das komplexe Ruby-Modell nicht mehr interoperabel ist.
Migrationspfad
So aktualisieren Sie veraltetes Markup, das <rtc> verwendet:
- Entfernen Sie den
<rbc>-Wrapper und platzieren Sie Basiszeichen direkt innerhalb von<ruby>. - Behalten Sie jedes
<rt>unmittelbar nach der Basis, die es annotiert. - Lassen Sie die
<rtc>-Gruppierung weg; wenn Sie sie für eine Übersetzungsebene verwendet haben, verschieben Sie diesen Text in ein separates Element oder ein zweites<ruby>. - Fügen Sie
<rp>-Fallback-Klammern für Browser ohne Ruby-Unterstützung hinzu.
Browser-Unterstützung
<rtc> wurde aus der Spezifikation entfernt und ist kein Bestandteil der modernen Ruby-Unterstützung. Behandeln Sie es in neuer Arbeit als nicht unterstützt. Die Ersatzelemente werden solide unterstützt:
| Element | Unterstützung |
|---|---|
<ruby> | Alle modernen Browser |
<rt> | Alle modernen Browser |
<rp> | Alle modernen Browser |
<rtc> | Veraltet — entfernt, nicht darauf verlassen |
Die CSS-Eigenschaften ruby-position und ruby-align werden in aktuellen Versionen von Chrome, Edge, Firefox und Safari unterstützt (das Browserverhalten bei einigen ruby-align-Schlüsselwörtern variiert noch).
Verwandte Elemente
<ruby>— der Ruby-Annotations-Container<rt>— der Ruby-Text (Aussprache/Anmerkung)<rp>— Fallback-Klammern für Browser ohne Ruby-Unterstützung
<rtc> unterstützte früher die globalen Attribute und Ereignisattribute.