<ruby> - HTML-елемент для анотацій ruby

HTML-елемент <ruby> використовується для відображення анотацій ruby, які використовуються для східноазійських мов, щоб показати вимову символів.

Елемент <ruby> дозволяє розміщувати короткі анотації над або під основним текстом. Це особливо корисно для східноазійських мов, де анотації (фурігана) використовуються для позначення вимови ієрогліфів.

Елемент <ruby> складається з одного або кількох символів, що потребують анотації, та елементів <rt>, що містять саму анотацію. Також може використовуватися елемент <rp> для забезпечення зворотної сумісності з браузерами, які не підтримують ruby.

HTML
<ruby>
  漢 <rp>(</rp><rt>かん</rt><rp>)</rp>
  字 <rp>(</rp><rt>じ</rt><rp>)</rp>
</ruby>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту	Потоковий контент, фразовий контент, відчутний контент.
Дозволений вміст	Фразовий контент, але без елементів `<ruby>`, за яким слідує один або більше елементів `<rt>` або `<rp>`.
Пропуск тегів	Жоден, початковий та кінцевий теги є обов’язковими.
Дозволені батьківські елементи	Будь-який елемент, що приймає фразовий контент.
Роль ARIA	Немає відповідної ролі.
DOM інтерфейс	`HTMLElement`

Приклади використання

<ruby>
  漢 <rp>(</rp><rt>かん</rt><rp>)</rp>
  字 <rp>(</rp><rt>じ</rt><rp>)</rp>
</ruby>

Стилі за замовчуванням

CSS
ruby {
  display: ruby;
}

Підтримка браузерів



`<ruby>`