| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 5.0+ | 5.0+ | 5.0+ | 2.3 | 2.1+ |
Опис
Тег <ruby> призначений для додавання невеликої анотації зверху або знизу від заданого тексту. Цей тег часто використовується для ідеографічного письма, такого як китайська мова, але може бути застосований і для інших мов, де потрібно написати один текст над іншим.
Сам тег <ruby> є контейнером для тега <rt>, який утворює анотацію до тексту, за яким йде; а також <rp>, призначений для браузерів, які не підтримують <ruby>.
Назва тега походить від слова «рубін», яким в типографії позначається невеликий шрифт.
Синтаксис
<ruby>
текст
<rt>анотація</rt>
</ruby>Атрибути
Немає.
Закриваючий тег
Обов'язковий.
Приклад
HTML5IECrOpSaFx
<!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.
Браузери
Браузери, які не підтримують цей тег, відобразять текст поруч по горизонталі без зміни його розмірів.