<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 Anmerkungen von Zeichen, die in einem Ruby von <rb>-Elementen dargestellt werden, die innerhalb eines <ruby>-Elements verwendet werden. <rb>-Elemente können sowohl Aussprache- (<rt>) als auch semantische (<rtc>) Anmerkungen haben.

Probieren Sie es aus

<ruby xml:lang="zh-Hant" style="ruby-position: under;">
    <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 xml:lang="en" style="ruby-position: over;">
        <rp>(</rp><rt>Malaysia</rt><rp>)</rp>
    </rtc>
</ruby>

ruby {
  font-size: 2em;
}

Attribute

Dieses Element enthält nur die globalen Attribute.

Beispiele

html

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

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

Ergebnis

Technische Zusammenfassung

Inhaltskategorien	Keine.
Erlaubter Inhalt	Phrasierungsinhalt oder `<rt>`-Elemente.
Auslassung des Tags	Der Schlusstag kann weggelassen werden, wenn er unmittelbar von einem `<rb>`, `<rtc>`- oder `<rt>`-Elementöffnungstag oder vom Schlusstag seines Elternteils gefolgt wird.
Erlaubte Eltern	Ein `<ruby>`-Element.
Erlaubte ARIA-Rollen	Beliebig
DOM-Schnittstelle	[`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML # rtc

Browser-Kompatibilität

BCD tables only load in the browser