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 CSSrubyproperties 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.
<!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

The <rtc> tag supports the Global Attributes and Event Attributes.
Browser Support
| Browser | Support |
|---|---|
| Chrome | Legacy |
| Firefox | Legacy |
| Safari | Legacy |
| Edge | Legacy |
| Opera | Legacy |
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 CSSrubyproperties for current projects.
Practice
@media (min-width: 962px) { .responsive-image{ width: 420px;}}