CSS властивості
ГлавнаяТеги HTMLТег <ruby> в HTML

Тег <ruby> в HTML

292

Елемент <ruby> (від англ. 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.

Ієрогліфи, оформлені за допомогою тега ruby

Мал. 1. Ієрогліфи, оформлені за допомогою <ruby>

Примітка

Браузери, які не підтримують цей елемент, відобразять текст поруч по горизонталі та без зміни його розмірів (мал. 2).

Вигляд тексту в браузерах, які не підтримують тег ruby

Мал. 2. Вигляд тексту в браузерах, які не підтримують <ruby>

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

Специфікація Статус
WHATWG HTML Living Standard Живий стандарт
HTML5 Рекомендація

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

Кожна специфікація проходить кілька з тадій схвалення.

  • Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
  • Candidate Recommendation ( Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
  • Proposed Recommendation (Пропонована рекомендація) — на цьому етапі документ подано на розгляд Консультативної ради W3C для остаточного затвердження.
  • Working Draft (Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
  • Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення правок редакторами проекту.
  • Draft (Чернетка специфікації) — перша чорнова віра це стандарту.

Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки знаходиться в постійній розробці і оновлюється регулярно.

Браузери

5 12 5 15 5 38
2.2 38 15 5

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент т повністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок або елемент підтримується з застереженнями.

Число вказує версію браузреа, починаючи з якої елемент підтримується. field field-name-field-html-cat field-type-taxonomy-term-reference field-label-hidden">