Перейти к содержанию

<ruby>

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

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

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

Демо

Текстовые элементы

Синтаксис

1
2
3
4
<ruby>
    текст
    <rt>аннотация</rt>
</ruby>

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

Атрибуты

Для этого элемента доступны универсальные атрибуты.

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

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
<!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>

Ссылки

Комментарии