Тег <ruby> определяет фуриганы (их также называют ёмигана или руби), фонетические подсказки в японском, а также восточно-азиатских языках. Аннотация к основному тексту заключается в тег <rp>. Она отображается мелким шрифтом над иероглифами.

Тег <rp> определяет альтернативный текст, который показывается в браузере, не поддерживающем тег <ruby>.

Синтаксис

Тег <rp> парный, закрывающий тег обязателен.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
  </head>
  <body>
    <ruby>
    明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp>
    </ruby>
  </body>
</html>

Результат

rubyexample1

Атрибуты

Тег <ruby> поддерживает глобальные атрибуты и атрибуты событий.

Как добавить стиль к тегу <ruby> ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <ruby>:

Цвет текста внутри тега <ruby>:

Стили форматирования текста для тега <ruby>:

Другие свойства для тега <ruby>:

Поддержка браузера

chrome firefox safari opera
5+ 38+ 5+ 15+

Практикуйте свои знания

Что представляет собой HTML тег <ruby>?
Считаете ли это полезным?