Атрибут class тега <rp>
Описание
Атрибут class для тега <rp> позволяет назначать CSS-классы для стилизации резервного содержимого, которое отображается в браузерах, не поддерживающих ruby-разметку. Этот элемент используется вместе с <ruby> и <rt>.
<ruby>
漢 <rp class="ruby-paren">(</rp><rt>kan</rt><rp class="ruby-paren">)</rp>
</ruby>
Основные возможности:
| Применение | Пример класса |
|---|---|
| Стилизация скобок | .ruby-paren { color: #999; } |
| Скрытие резервного содержимого | .ruby-fallback { display: none; } |
| Адаптивное отображение | @media screen { .ruby-fallback { display: none; } } |
Пример с CSS-стилизацией:
<style>
.ruby-fallback {
font-size: 0.8em;
color: #666;
}
ruby rt {
font-size: 0.5em;
}
</style>
<ruby>
日本語 <rp class="ruby-fallback">(</rp><rt>にほんご</rt><rp class="ruby-fallback">)</rp>
</ruby>
Рекомендации:
- Используйте семантичные имена классов (например, "ruby-fallback")
- Стилизуйте резервное содержимое менее заметным, чем основное
- Учитывайте, что
<rp>должен содержать только скобки или разделители - Тестируйте отображение в разных браузерах
Особенности работы:
- В современных браузерах содержимое
<rp>обычно скрыто - Отображается только если браузер не поддерживает ruby-разметку
- Не влияет на отображение
<rt>в поддерживающих браузерах
Примечание: Хотя классы для <rp> используются редко, они могут быть полезны для создания согласованного отображения резервного содержимого в старых браузерах или специальных случаях.