HTML <rtc> Tag

The HTML <rtc> element specifies semantic annotations of characters that are presented in <rb> elements used inside a <ruby>. The <rb> elements can have both semantic (<rtc>) and pronunciation (<rt>) annotations.

Ruby annotations are usually used in East Asian typography. Rubi characters are small, annotative characters that are placed above or to the right of a Chinese character to show the pronunciation.

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 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:

<!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>San Francisco</rtc>
    </ruby>
  </body>
</html>

Result

HTMLrtc tag example

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

Browser support

chrome firefox safari opera
33.0+

Practice Your Knowledge

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

Quiz Time: Test Your Skills!

Ready to challenge what you've learned? Dive into our interactive quizzes for a deeper understanding and a fun way to reinforce your knowledge.

Do you find this helpful?