Атрибут dir тега <ruby>
Описание
Атрибут dir определяет направление текста для элемента <ruby> и его содержимого. Особенно полезен для смешанных текстов с разными направлениями письма (например, японский с арабскими цифрами).
<ruby dir="rtl">
<rp>(</rp><rt>قراءة</rt><rp>)</rp>
</ruby>
Значения атрибута:
| Значение | Описание | Применение для ruby |
|---|---|---|
ltr |
Слева направо (по умолчанию) | Для западных языков и восточноазиатских вертикальных текстов |
rtl |
Справа налево | Для арабского, иврита и других RTL-языков |
auto |
Автоматическое определение | Для смешанного контента |
Пример с японским и арабским текстом:
<ruby dir="auto">
アラビア <rp>(</rp><rt>العربية</rt><rp>)</rp>
</ruby>
Особенности работы с ruby-разметкой:
- Для вертикального письма восточноазиатских языков обычно используется
ltr - Аннотации
<rt>наследуют направление от родительского<ruby> - В смешанных текстах может потребоваться вложенность ruby-элементов с разными направлениями
Рекомендации по использованию:
- Для чисто восточноазиатских текстов обычно не требуется
- Обязателен для арабских и еврейских ruby-аннотаций
- Используйте
autoдля смешанного контента - Проверяйте отображение в разных браузерах
Ограничения и совместимость:
- Поддержка зависит от браузера и системы письма
- Сложное поведение в комбинации с CSS direction
- Не все браузеры правильно обрабатывают вертикальные RTL-тексты
Примечание: Хотя большинство ruby-разметки в японском/китайском использует стандартное направление, атрибут dir становится критически важным при работе с:
- Арабскими транскрипциями
- Ивритскими аннотациями
- Смешанными многоязычными документами