Главная
HTML-тег <ruby>
Характеристики
- Тип: строчный, статичный, семантический
- Назначение: Предоставляет аннотации над или под текстом, часто используется для отображения произношения иероглифов.
- Родители: Любые элементы, допускающие потоковый контент.
- Потомки: <rb>, <rt>, <rp>, <rtc> и строчный контент.
- Глобальные атрибуты: все
- Атрибуты событий: все
Пример использования
<ruby>
漢 <rt>hàn</rt>
字 <rt>zì</rt>
</ruby>
Использование в JavaScript
// Изменение аннотации
const rtElements = document.querySelectorAll('rt');
rtElements[0].textContent = 'han';
Рекомендации по обеспечению доступности (a11y)
- Помогает предоставить дополнительную информацию о произношении или значении символов.
- Убедитесь, что структура элементов внутри <ruby> корректна.
- Используйте <rp> для совместимости со старыми браузерами.
Полезные ссылки