このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
<rtc>: ルビテキストコンテナー要素
非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
<rtc> は HTML の要素で、<ruby> 要素内で使用する <rb> 要素にルビで与える文字列の、意味を表す注釈を包含します。<rb> 要素は発音の注釈 (<rt>) と意味の注釈 (<rtc>) の両方を持つことができます。
試してみましょう
<ruby xml:lang="zh-Hant" style="ruby-position: under;">
<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 xml:lang="en" style="ruby-position: over;">
<rp>(</rp><rt>Malaysia</rt><rp>)</rp>
</rtc>
</ruby>
ruby {
font-size: 2em;
}
属性
この要素にはグローバル属性のみがあります。
例
html
<div class="info">
<ruby>
<rtc>
<rb>旧</rb><rt>jiù</rt>
<rb>金</rb><rt>jīn</rt>
<rb>山</rb><rt>shān</rt>
</rtc>
<rtc>San Francisco</rtc>
</ruby>
</div>
.info {
padding-top: 10px;
font-size: 36px;
}
結果
[フレーム]
技術的概要
| コンテンツカテゴリー | なし |
|---|---|
| 許可されている内容 |
記述コンテンツまたは <rt> 要素
|
| タグの省略 |
直後に <rb>, <rtc>,
<rt>
要素の開始タグがある、または親要素の終了タグがある場合は、この要素の終了タグを省略可能。
|
| 許可されている親要素 | <ruby> 要素 |
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス | HTMLElement |
仕様書
| Specification |
|---|
| HTML # rtc |
ブラウザーの互換性
Loading...