Тег ruby добавляет текст с аннотацией, которая находится над этим текстом. Аннотация в данном случае - это расшифровка текста под ней. Тег чаще всего используется для иероглических языков (для расшифровки значений иероглифов), но может быть использован для того, чтобы написать один текст над другим в любых языках.

Текст, к которому пишется аннотация должен лежать в теге ruby, а текст аннотации - в теге rt (rt должен находится в ruby).

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

Аннотация по умолчанию отображается меньшего размера, чем сам текст. Это можно исправить с помощью CSS свойства font-size

Примеры

Пример

В данном примере вы можете видеть аннотацию над текстом (тегу ruby добавлен font-size, чтобы аннотация не была слишком мелкой):

Тут будет просто <ruby>текст<rt>аннотация над текстом</rt></ruby> с аннотацией.

Результат выполнения кода:

Тут будет просто текстаннотация над текстом с аннотацией.