HTML тег <ruby>

Элемент <ruby> (от англ. "ruby" ‒ «рубин») предназначен для добавления небольшой аннотации сверху или снизу от заданного текста.

Название происходит от слова «рубин», которым в типографии обозначается небольшой шрифт.

Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим.

Примечание: Тег <ruby> используется вместе с тегами <rt> и <rp>: элемент <rt> добавляет аннотацию сверху или снизу от текста, который нуждается в объяснении, а необязательный тег <rp> определяет, что будет показывать браузер, который не поддерживает элемент <ruby>.

Совет: Для вставки нестандартных букв, символов и иероглифов пользуйтесь соответствующей HTML-кодировкой.

Синтаксис

<ruby>
  <rp>"Текст"</rp>
  <rt> "Аннотация" </rt>
  <rp>"Текст"</rp>
</ruby>

Закрывающий тег

Обязателен.

Атрибуты

Для этого элемента доступны глобальные атрибуты и события.

Различия между HTML 4.01 и HTML5

Тег <ruby> был добавлен в HTML5.

Пример использования:

Небольшая аннотация:

Пример HTML:

Попробуй сам

<ruby>Текст<rp> (</rp><rt>Аннотация</rt><rp>) </rp></ruby>
<hr>
<ruby>漢<rp> (</rp><rt>かん</rt><rp>) </rp>字<rp> (</rp><rt>じ</rt><rp>) </rp></ruby>

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

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

Поддержка браузерами

Элемент
<ruby>	5+	5+	15+	Да	5+	38+

Учебник HTML

HTML уроки: HTML Элементы

Справочники