Encodera

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.

Справочник HTML & CSS

<ruby>

Мелкие пояснения над основным текстом (или сбоку от него) — подсказки чтения в китайском и японском, транскрипции, переводы.

Синтаксис

<ruby>base<rp>(</rp><rt>annotation</rt><rp>)</rp></ruby>

Атрибуты

ПараметрТипОписание
<rt>elementТекст пояснения к предшествующему основному тексту.
<rp>elementЗапасные скобки вокруг `<rt>`; их показывают только браузеры без поддержки ruby.

Примеры

Пиньинь над китайскими иероглифами:

<p style="font-size: 28px;">
  <ruby>漢<rp>(</rp><rt>hàn</rt><rp>)</rp>字<rp>(</rp><rt>zì</rt><rp>)</rp></ruby>
</p>

Транскрипция над английским словом:

<p style="font-size: 24px;">
  <ruby>colonel<rt>ˈkɜːnəl</rt></ruby> is pronounced like "kernel".
</p>

Примечания

Каждый <rt> относится к тексту прямо перед ним, поэтому их можно чередовать по одному знаку, как в первом примере. CSS-свойство ruby-position: under переносит пояснения под текст. Ruby поддерживают все актуальные браузеры, так что <rp> важен в основном при копировании текста и для очень старых программ.

См. также

  • <abbr> — Сокращение или аббревиатура с расшифровкой.
  • <dfn> — Отмечает термин, который определяется в этом предложении или абзаце.
  • lang — Язык содержимого элемента.

В учебнике

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.