<ruby>¶

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

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

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

Демо¶

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

a
abbr
b
bdi
bdo
br
cite
code
data
del
dfn
em
i
ins
kbd
mark
q
ruby
rtc
rb
rp
rt
s
samp
small
span
strong
sub
sup
time
u
var
wbr

Синтаксис¶

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

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

Атрибуты¶

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

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

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

<!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>

Ссылки¶

Тег <ruby> ^{MDN (рус.)}