HTML <rtc> Tag

What You’ll Learn

The <rtc> tag once wrapped ruby text annotations in East Asian typography. This guide explains its historical role, obsolete status, and the modern ruby, rt, and rp elements beginners should use instead.

What Is the <rtc> Tag?

The <rtc> (Ruby Text Container) tag was used within a ruby element to specify a container for text annotations that provide pronunciation or other information about the base text, particularly in East Asian typography.

Historically, rtc was often used with deprecated rb and rt elements in complex ruby markup structures.

Learn rtc only to understand legacy markup. For ruby annotations today, use ruby with rt and optional rp fallback.

🚫 Deprecated Status

The <rtc> tag is listed as an obsolete feature in the HTML specification. Modern ruby markup does not require a separate container for annotation text — placing rt directly inside ruby is sufficient.

• Obsolete alongside deprecated rb in simplified ruby models.
• Not recommended for new web development projects.
• Using rtc may cause inconsistent parsing across browsers.
• Replace with ruby, rt, and rp in all new documents.

📝 Syntax

Historical syntax placed rtc inside ruby alongside rb and rt:

<ruby>
  <rb>漢</rb>
  <rtc>
    <rt>kan</rt>
  </rtc>
  <rb>字</rb>
  <rtc>
    <rt>ji</rt>
  </rtc>
</ruby>

Modern Replacement Syntax

<ruby>
  漢<rt>kan</rt>
  字<rt>ji</rt>
</ruby>

Syntax Rules

• Do not wrap rt in rtc in new documents.
• Do not use deprecated rb for base text.
• Put base characters and rt annotations directly inside ruby.
• Add rp for fallback parentheses when needed.

⚖️ <rtc> vs <rt>

📚 Common Use Cases

The <rtc> tag was used in ruby annotations for pronunciation guides and detailed context. Due to its obsolete status, these use cases are now handled with rt directly inside ruby.

Examples Gallery

Practice the modern replacements for obsolete rtc: direct rt in ruby with CSS styling.

<ruby>
  漢<rt>kan</rt>
  字<rt>ji</rt>
</ruby>

<ruby>
  山<rt>yama (mountain)</rt>
</ruby>

<style>
  .pronunciation { font-size: smaller; color: gray; }
</style>
<ruby>
  漢<rt class="pronunciation">kan</rt>
</ruby>

♿ Accessibility

• Use ruby and rt — Modern semantic markup aids assistive technology.
• Skip obsolete rtc — Simpler structure is easier to parse and maintain.
• Keep annotations concise — Short rt text improves readability.
• Set lang attribute — Declare Japanese, Chinese, or Korean for correct rendering.

💡 Best Practices