🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <ruby> используется для создания руби-аннотаций — специального вида аннотаций или пометок над текстом. Элемент часто применяется в японской и китайской письменности для помощи в произношении или чтении иероглифов.

Вот как это работает: основной текст заключается в тег <ruby>, а дочернем элементе <rt> содержится фонетическое написание или произношение этого текста.

<p>Этот текст содержит <ruby>猫<rp>(</rp><rt>Māo</rt><rp>)</rp></ruby>, что означает «кошка» на китайском языке.</p>

Этот текст содержит (Māo), что означает «кошка» на китайском языке.

  • Для добавления аннотации к японским символам в веб-манге.
  • Для добавления аннотации к китайским символам в онлайн-курсах китайского языка.
  • Для добавления аннотации к японским и китайским символам на сайтах, посвященных истории и культуре этих стран.
  • Для добавления аннотации к японским и китайским символам в онлайн-словарях.
  • Для добавления аннотации к японским и китайским символам в учебных материалах на языках, отличных от японского и китайского.
  • Для добавления аннотации к японским и китайским символам в медицинских отчетах, исследованиях и статьях.

Тег <ruby> не является самостоятельным, он всегда используется с тегом <rt>, который содержит руби-текст. Также следует учитывать, что не все браузеры поддерживают <ruby> и его атрибуты.

Чем заменить этот тег

Если браузер не поддерживает тег <ruby>, он проигнорирует его и отобразит текст без аннотаций. В этом случае можно использовать альтернативные методы, например, изображения с аннотациями или комбинацию тегов <span> и <sup>.