<rtc>: Das Ruby Text Container-Element

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

Das <rtc> HTML-Element umfasst semantische Annotationen von Zeichen, die in einem Ruby von <rb>-Elementen innerhalb eines <ruby>-Elements dargestellt werden. <rb>-Elemente können sowohl Aussprache- (<rt>) als auch semantische (<rtc>) Annotationen haben.

Probieren Sie es aus

<ruby lang="zh-Hant">
  <rbc>
    <rb>馬</rb><rp>(</rp><rt>mǎ</rt><rp>)</rp>
    <rb>來</rb><rp>(</rp><rt>lái</rt><rp>)</rp>
    <rb>西</rb><rp>(</rp><rt>xī</rt><rp>)</rp>
    <rb>亞</rb><rp>(</rp><rt>yà</rt><rp>)</rp>
  </rbc>
  <rtc lang="en">
    <rp>(</rp><rt>Malaysia</rt><rp>)</rp>
  </rtc>
</ruby>

ruby {
  font-size: 2em;
  ruby-position: under;
}

rtc {
  ruby-position: over;
}

Attribute

Dieses Element umfasst nur die globalen Attribute.

Beispiele

html

<div class="info">
  <ruby>
    <rbc>
      <rb>旧</rb><rt>jiù</rt> <rb>金</rb><rt>jīn</rt> <rb>山</rb><rt>shān</rt>
    </rbc>
    <rtc>San Francisco</rtc>
  </ruby>
</div>

.info {
  padding-top: 10px;
  font-size: 36px;
}

Ergebnis

Technische Zusammenfassung

Inhaltskategorien	Keine.
Zulässiger Inhalt	Phrasierungsinhalt oder `<rt>`-Elemente.
Tag-Weglassen	Das Schluss-Tag kann weggelassen werden, wenn es unmittelbar von einem `<rb>`, `<rtc>` oder `<rt>`-Element-Öffnungstag oder durch das Schlusstag seines Elternelements gefolgt wird.
Zulässige Eltern	Ein `<ruby>`-Element.
Zulässige ARIA-Rollen	Beliebig
DOM-Schnittstelle	[`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML # rtc

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