| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 5.0 + | 5.0 + | 5.0 + | 2.3 | 2.1 + |
Специфікація
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
Тег < ruby> призначений для додавання невеликої анотації зверху або знизу від заданого тексту. Така форма запису переважно використовується для идеографической писемності начебто китайської мови, але може застосовуватися і для інших мов, якщо потрібно написати один текст над іншим.
Сам тег <ruby > виступає контейнером для тега <rt> , він і формує анотацію до тексту, після якого йде; а також <rp> , цей тег призначений для браузерів, які не підтримують <ruby > .
Назва тега походить від слова «рубін», яким в друкарні позначається невеликий шрифт.
Синтаксис
<ruby > текст <rt> анотація </rt> </ruby >
Атрибути
Ні.
Закриваючий тег
Обов'язковий.
Приклад
HTML5 IE Cr Op Sa Fx
<!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.
Браузери
Браузери, які не підтримують цей тег, відобразять текст поруч по горизонталі і без зміни його розмірів (рис. 2).
