🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.
Тег <ruby>
используется для создания руби-аннотаций — специального вида аннотаций или пометок над текстом. Элемент часто применяется в японской и китайской письменности для помощи в произношении или чтении иероглифов.
Вот как это работает: основной текст заключается в тег <ruby>
, а дочернем элементе <rt>
содержится фонетическое написание или произношение этого текста.
<p>Этот текст содержит <ruby>猫<rp>(</rp><rt>Māo</rt><rp>)</rp></ruby>, что означает «кошка» на китайском языке.</p>
Этот текст содержит 猫, что означает «кошка» на китайском языке.
- Для добавления аннотации к японским символам в веб-манге.
- Для добавления аннотации к китайским символам в онлайн-курсах китайского языка.
- Для добавления аннотации к японским и китайским символам на сайтах, посвященных истории и культуре этих стран.
- Для добавления аннотации к японским и китайским символам в онлайн-словарях.
- Для добавления аннотации к японским и китайским символам в учебных материалах на языках, отличных от японского и китайского.
- Для добавления аннотации к японским и китайским символам в медицинских отчетах, исследованиях и статьях.
Тег <ruby>
не является самостоятельным, он всегда используется с тегом <rt>
, который содержит руби-текст. Также следует учитывать, что не все браузеры поддерживают <ruby>
и его атрибуты.
Чем заменить этот тег
Если браузер не поддерживает тег <ruby>
, он проигнорирует его и отобразит текст без аннотаций. В этом случае можно использовать альтернативные методы, например, изображения с аннотациями или комбинацию тегов <span>
и <sup>
.