Элемент <rt>


9	79	5	15	5	38


4.4	38	15	4.2

Элемент <rt> (от англ. ruby text — текст рубина) добавляет аннотацию сверху или снизу от текста, заключенного в контейнер <ruby>. Сама аннотация выводится уменьшенным шрифтом.

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

Синтаксис

<ruby>
 текст
 <rt>аннотация</rt>
</ruby>

	Описание	Пример
<тип>	Указывает тип значения.	<размер>
A && B	Значения должны выводиться в указанном порядке.	<размер> && <цвет>
A \| B	Указывает, что надо выбрать только одно значение из предложенных (A или B).	normal \| small-caps
A \|\| B	Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке.	width \|\| count
[ ]	Группирует значения.	[ crop \|\| cross ]
*	Повторять ноль или больше раз.	[,<время>]*
+	Повторять один или больше раз.	<число>+
?	Указанный тип, слово или группа не является обязательным.	inset?
{A, B}	Повторять не менее A, но не более B раз.	<радиус>{1,4}
#	Повторять один или больше раз через запятую.	<время>#

Атрибуты

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

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>rt</title> <style> .date { font-size: 2em; } .date ruby { background: #0078c9; color: #fff; } .date rt { background: #a0dae8; color: #000; padding: 2px; } </style> </head> <body> <p class="date"> <ruby> 23<rt>ноябрь</rt></ruby> </p> </body> </html>

Результат примера показан на рис. 1.

Положение текста, заданное с помощью тега rt

Рис. 1. Положение текста, заданное с помощью <rt>

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

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