<ruby> — элемент HTML для ruby-аннотаций
Baseline Широко доступно
Эта функция хорошо зарекомендовала себя и работает на множестве устройств и в разных версиях браузеров. Она поддерживается браузерами с июля 2015 года.
Элемент <ruby> HTML представляет небольшие аннотации, отображаемые над основным текстом, под ним или рядом с ним. Обычно они используются для указания произношения восточноазиатских иероглифов. Этот элемент также можно использовать для аннотирования других видов текста, однако такое применение встречается реже.
Термин ruby произошёл от названия единицы измерения, которой пользовались наборщики. Она обозначала наименьший размер текста, который можно было напечатать на газетной бумаге, сохранив его разборчивость.
Попробуйте
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
ruby {
font-size: 2em;
}
Атрибуты
Этот элемент поддерживает только глобальные атрибуты.
Примеры
>Пример 1: Иероглиф
<ruby> 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp> </ruby>
Результат
Пример 2: Слово
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
Результат
Техническая сводка
| Категории содержимого | Потоковое содержимое, фразовое содержимое, воспринимаемое содержимое. |
|---|---|
| Допустимое содержимое | Одна или несколько групп, каждая из которых состоит из двух частей:
|
| Пропуск тегов | Не допускается: обязательны и открывающий, и закрывающий теги. |
| Допустимые родительские элементы | Любой элемент, допускающий фразовое содержимое. |
| Неявная роль ARIA | Нет соответствующей роли |
| Допустимые роли ARIA | Любые |
| Интерфейс DOM | HTMLElement |
Спецификации
| Спецификация |
|---|
| HTML> # the-ruby-element> |
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome для Android | Firefox для Android | Opera для Android | Safari для iOS | Samsung Internet | WebView для Android | WebView для iOS | |
ruby |
5 | 12 | 38 | 15 | 5 | 18 | 38 | 14 | 4.2 | 1.0 | 4.4 | 4.2 |
См. также
<rt><rp>ruby-overhang-
text-transform: full-size-kana - Модуль раскладки ruby в CSS
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/ruby
