Movatterモバイル変換


[0]ホーム

URL:


MDN Web Docs

<rtc>: The Ruby Text Container element

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

<ruby lang="zh-Hant">  <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 lang="en">    <rp>(</rp><rt>Malaysia</rt><rp>)</rp>  </rtc></ruby>
ruby {  font-size: 2em;  ruby-position: under;}rtc {  ruby-position: over;}

Attributes

This element only includes theglobal attributes.

Examples

html
<div>  <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></div>
.info {  padding-top: 10px;  font-size: 36px;}

Result

Technical summary

Content categoriesNone.
Permitted contentPhrasing 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 parentsA<ruby> element.
Permitted ARIA rolesAny
DOM interfaceHTMLElement

Specifications

Specification
HTML
# rtc

Browser compatibility

See also

Help improve MDN

Learn how to contribute.

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp