Атрибут title тега <ruby>
Описание
Атрибут title добавляет всплывающую подсказку к элементу <ruby>, которая появляется при наведении курсора. Особенно полезен для предоставления дополнительной информации о чтении иероглифов.
<ruby title="漢字 (かんじ) - Кандзи, японские иероглифы китайского происхождения">
漢字 <rp>(</rp><rt>かんじ</rt><rp>)</rp>
</ruby>
Особенности работы:
| Характеристика | Описание |
|---|---|
| Отображение | Подсказка появляется после задержки 1-2 секунды |
| Форматирование | Только plain text (HTML-теги не интерпретируются) |
| Наследование | Не наследуется дочерними элементами |
Рекомендации по содержанию:
- Краткое описание значения иероглифа
- Тип чтения (онное/кунное)
- Примеры использования в словах
- Уровень JLPT (для учебных материалов)
Пример с учебной информацией:
<ruby title="水 (みず) - Вода. Кунное чтение. JLPT N5. Примеры: 水曜日 (среда), 水泳 (плавание)">
水 <rp>(</rp><rt>みず</rt><rp>)</rp>
</ruby>
Ограничения:
- На мобильных устройствах подсказка может не отображаться
- Не подходит для важной информации (ненадежный механизм)
- Максимальная длина зависит от браузера (обычно 200-500 символов)
Доступность:
- Поддерживается скринридерами
- Дублирует информацию для пользователей с ограниченными возможностями
- Не заменяет атрибуты ARIA для сложных подсказок
Примечание: Для учебных материалов по японскому/китайскому языкам атрибут
title особенно полезен для:
- Быстрого просмотра информации об иероглифе
- Добавления мнемонических подсказок
- Указания частоты использования иероглифа