HTML-тег `<rtc>`

Элемент HTML <rtc> используется для группировки одного или нескольких <rt> элементов для предоставления семантических аннотаций к базовому тексту ruby. Он располагается внутри контейнера <ruby> вместе с элементами <rb>.

Аннотации ruby обычно используются в восточноазиатской типографике. В то время как элементы <rt> обычно предоставляют руководства по произношению, элементы <rtc> группируют эти аннотации, чтобы добавить семантическое значение (например, переводы или альтернативные чтения), не влияя на фонетическую разметку.

Примечание: Элементы <rtc> и <rbc> устарели в HTML5.1+ и были удалены из HTML Living Standard. Они сохранены только для обратной совместимости. Для современной веб-разработки вместо них используйте CSS-свойства ruby.

Тег <rtc> является одним из элементов HTML5.

Синтаксис

Тег <rtc> используется парами. Содержимое записывается между открывающим (<rtc>) и закрывающим (</rtc>) тегами. Закрывающий тег элемента <rtc> может быть опущен, если за ним сразу следует <rb>, <rt>, <rp> или <rtc>, либо если в родительском элементе отсутствует содержимое.

Пример использования тега HTML `<rtc>`:

Предупреждение: В этом примере используются устаревшие элементы <rtc> и <rbc>. Он приведен только для справочных целей устаревшей версии.

html

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

Try it Yourself »

Результат

HTMLrtc tag example

Тег <rtc> поддерживает глобальные атрибуты и атрибуты событий.

Поддержка в браузерах

Браузер	Поддержка
Chrome	Устаревшая
Firefox	Устаревшая
Safari	Устаревшая
Edge	Устаревшая
Opera	Устаревшая

Примечание: Поддержка устарела из-за устаревания <rtc> и <rbc> в HTML5.1+. Современные браузеры могут игнорировать эти элементы или отображать их непоследовательно. Для текущих проектов используйте CSS-свойства ruby.

Практика

@media (min-width: 962px) { .responsive-image{ width: 420px;}}

HTML-тег <rtc> ​

Синтаксис ​

Пример использования тега HTML <rtc>: ​

Результат ​