<rtc>: The Ruby Text Container element - HTML: HyperText Markup Langu…

archived 23 Jan 2024 19:47:25 UTC
Get real-time assistance with your coding queries. Try AI Help now!

<rtc>: The Ruby Text Container element

Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
The <rtc> HTML element embraces semantic annotations of characters presented in a ruby of <rb> elements used inside of <ruby> element. <rb> elements can have both pronunciation (<rt>) and semantic (<rtc>) annotations.

#Try it

HTML Demo: <rtc>

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

Output

() (lái) 西() () (Malaysia)

#Attributes

This element only includes the global attributes.

#Examples

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;
}

#Result

jiù jīn shān San Francisco

#Technical summary

Content categories None.
Permitted content Phrasing content or <rt> elements.
Tag omission The closing tag can be omitted if it is immediately followed by a <rb>, <rtc> or <rt> element opening tag or by its parent closing tag.
Permitted parents A <ruby> element.
Permitted ARIA roles Any
DOM interface HTMLElement

#Specifications

Specification
HTML Standard
# rtc

#Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
rtc
Deprecated

Legend

Tip: you can click/tap on a cell for more information.
Full supportFull support
Deprecated. Not for use in new websites.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

#See also

0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%