Skip to content

[zh-cn]: update the translation of HTML <rtc> element #37580

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
yin1999 merged 3 commits into from
Aug 31, 2026
Merged

[zh-cn]: update the translation of HTML <rtc> element #37580

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
6e3b97f
[zh-cn]: update the translation of HTML `<rtc>` Elements
T34-active Aug 6, 2026
423a7e4
Update files/zh-cn/web/html/reference/elements/rtc/index.md
yin1999 Aug 31, 2026
3e55a54
Update index.md
yin1999 Aug 31, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
134 changes: 94 additions & 40 deletions files/zh-cn/web/html/reference/elements/rtc/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,59 +1,112 @@
---
title: <rtc>
title: "`<rtc>`：HTML ruby 文本容器元素"
short-title: <rtc>
slug: Web/HTML/Reference/Elements/rtc
l10n:
sourceCommit: 599ae8b7ad414e91df473d91983f4ffc5cafabb3
---

{{deprecated_header}}

**HTML `<rtc>` 元素**包含文字的语义注解，它们在 {{HTMLElement("rb")}} 元素中展示。{{HTMLElement("rb")}} 元素可以拥有发音 ({{HTMLElement("rt")}}) 和语义 ({{HTMLElement("rtc")}}) 注解。
[HTML](/zh-CN/docs/Web/HTML) 元素 **`<rtc>`** 用于包裹出现在 {{HTMLElement("ruby")}} 元素内、由 {{HTMLElement("rb")}} 元素组成的 ruby 注释中字符的语义注解。{{HTMLElement("rb")}} 元素可以同时具有发音注解（{{HTMLElement("rt")}}）和语义注解（`<rtc>`）。

<table class="properties">
<tbody>
<tr>
<th scope="row"><a href="/zh-CN/docs/Web/HTML/Guides/Content_categories">内容分类</a></th>
<td>无</td>
</tr>
<tr>
<th scope="row">允许的内容</th>
<td><a href="/zh-CN/docs/Web/HTML/Guides/Content_categories#Phrasing_content">短语内容</a> 或者 {{HTMLElement("rt")}} 元素</td>
</tr>
<tr>
<th scope="row">标签省略</th>
<td>如果它紧紧跟随{{HTMLElement("rb")}}，{{HTMLElement("rtc")}} 或者 {{HTMLElement("rt")}} 元素的起始标签，或父元素的闭合标签，它的闭合标签就可以省略。</td>
</tr>
<tr>
<th scope="row">允许的父元素</th>
<td>{{HTMLElement("ruby")}} 元素。</td>
</tr>
<tr>
<th scope="row">允许的 ARIA 角色</th>
<td>任意</td>
</tr>
<tr>
<th scope="row">DOM 接口</th>
<td>{{domxref("HTMLElement")}}</td>
</tr>
</tbody>
</table>
{{InteractiveExample("HTML 演示：&lt;rtc&gt;", "tabbed-standard")}}

```html interactive-example
<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>
```

```css interactive-example
ruby {
font-size: 2em;
ruby-position: under;
}

rtc {
ruby-position: over;
}
```

## 属性

该元素仅仅包含 [全局属性](/zh-CN/docs/Web/HTML/Reference/Global_attributes)
此元素仅包含[全局属性](/zh-CN/docs/Web/HTML/Reference/Global_attributes)。

## 示例

```html
<ruby>
<rb>旧</rb>
<rb>金</rb>
<rb>山</rb>
<rt>jiù</rt>
<rt>jīn</rt>
<rt>shān</rt>
<rtc>San Francisco</rtc>
</ruby>
<div class="info">
<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>
```

```css hidden
.info {
padding-top: 10px;
font-size: 36px;
}
```

### 结果

{{EmbedLiveSample("示例", 600, 120)}}

## 技术概要

<table class="properties">
<tbody>
<tr>
<th scope="row">
<a href="/zh-CN/docs/Web/HTML/Guides/Content_categories"
>内容类别</a
>
</th>
<td>无。</td>
</tr>
<tr>
<th scope="row">允许的内容</th>
<td>
<a href="/zh-CN/docs/Web/HTML/Guides/Content_categories#短语内容"
>短语内容</a
>或 {{HTMLElement("rt")}} 元素。
</td>
</tr>
<tr>
<th scope="row">标签省略</th>
<td>
若紧随其后的是 {{HTMLElement("rb")}}、<code>&lt;rtc&gt;</code> 或
{{HTMLElement("rt")}} 元素的开始标签，或其父元素的结束标签，则可省略结束标签。
</td>
</tr>
<tr>
<th scope="row">允许的父元素</th>
<td>{{HTMLElement("ruby")}} 元素。</td>
</tr>
<tr>
<th scope="row">允许的 ARIA 角色</th>
<td>任意</td>
</tr>
<tr>
<th scope="row">DOM 接口</th>
<td>{{domxref("HTMLElement")}}</td>
</tr>
</tbody>
</table>

## 规范

{{Specifications}}
Expand All @@ -68,3 +121,4 @@ slug: Web/HTML/Reference/Elements/rtc
- {{HTMLElement("rp")}}
- {{HTMLElement("rb")}}
- {{HTMLElement("rt")}}
- [CSS Ruby 布局](/zh-CN/docs/Web/CSS/Guides/Ruby_layout)模块