<ruby> HTML

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

Сам элемент <ruby> выступает контейнером для <rt>, он и формирует аннотацию к тексту, после которого идёт; а также <rp>, этот элемент предназначен для браузеров, которые не поддерживают <ruby>.

Название происходит от слова «рубин», которым в типографии обозначается небольшой шрифт.

Синтаксис

<ruby>
   текст
   <rt>аннотация</rt>
</ruby>

Закрывающий тег обязателен.

WAI ARIA

Нет значения role по-умолчанию.

Допустимо любое значение role.

Атрибуты

Нет.

Спецификации

Примеры

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>ruby</title>
        <style>
            p:lang(zh-CN) {
                font-size: 2em;
            }
        </style>
    </head> 
    <body>
        <p lang="zh-CN">
            <ruby>
                汉<rt>hàn</rt>
                字<rt>zì</rt>
            </ruby>
        </p>
    </body>
</html>