Skip to content

HTML <rtc> Tag

The HTML <rtc> element is used to group one or more <rt> elements to provide semantic annotations for the ruby base text. It sits inside a <ruby> container alongside <rb> elements.

Ruby annotations are usually used in East Asian typography. While <rt> elements typically provide pronunciation guides, <rtc> elements group these annotations to add semantic meaning (such as translations or alternative readings) without affecting the phonetic layout.

Note: The <rtc> and <rbc> elements are obsolete in HTML5.1+ and have been removed from the HTML Living Standard. They are retained only for legacy compatibility. For modern web development, use CSS ruby properties instead.

The <rtc> tag is one of the HTML5 elements.

Syntax

The <rtc> tag comes in pairs. The content is written between the opening (<rtc>) and closing (</rtc>) tags. The closing tag of the <rtc> element may be omitted when it is immediately followed by <rb>, <rt>, <rp> or <rtc>, or when there isn’t any content in the parent element.

Example of the HTML <rtc> tag:

Warning: This example uses obsolete <rtc> and <rbc> elements. It is provided for legacy reference only.

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <ruby>
      <rbc>
        <rb>旧</rb>
        <rt>jiù</rt>
        <rb>金</rb>
        <rt>jīn</rt>
        <rb>山</rb>
        <rt>shān</rt>
      </rbc>
      <rtc><rt>San Francisco</rt></rtc>
    </ruby>
  </body>
</html>

Result

HTMLrtc tag example

The <rtc> tag supports the Global Attributes and Event Attributes.

Browser Support

BrowserSupport
ChromeLegacy
FirefoxLegacy
SafariLegacy
EdgeLegacy
OperaLegacy

Note: Support is legacy due to the obsolescence of <rtc> and <rbc> in HTML5.1+. Modern browsers may ignore these elements or render them inconsistently. Use CSS ruby properties for current projects.

Practice

@media (min-width: 962px) { .responsive-image{ width: 420px;}}

Dual-run preview — compare with live Symfony routes.