Описание
Тег <ruby> предназначен для добавления небольшой аннотации сверху или снизу от заданного текста. Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим. Сам тег <ruby> выступает контейнером для тега <rt>, он и формирует аннотацию к тексту, после которого идет; а также <rp>, этот тег предназначен для браузеров, которые не поддерживают <ruby>. Название тега происходит от слова «рубин», которым в типографии обозначается небольшой шрифт.
Синтаксис
<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>
Результат примера показан на рис. 1.
Рис. 1. Иероглифы, оформленные с помощью тега <ruby>
Браузеры
Браузеры, которые не поддерживают этот тег, отобразят текст рядом по горизонтали и без изменения его размеров (рис. 2).
Рис. 2. Вид текста в браузерах, не поддерживающих тег <ruby>