`<rt>` элемент HTML для текста ruby

Базовая поддержка Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Элемент <rt> HTML задаёт компонент текста ruby-аннотации, который используется для указания произношения, перевода или транслитерации в восточноазиатской типографике. Элемент <rt> всегда должен находиться внутри элемента <ruby>.

Попробуйте

<ruby>
  漢 <rp>(</rp><rt>kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

ruby {
  font-size: 2em;
}

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

Атрибуты

Этот элемент поддерживает только глобальные атрибуты.

Примеры

Использование ruby-аннотаций

В этом примере приведена ромадзи-транслитерация иероглифов кандзи внутри элемента <ruby>:

<ruby> 漢 <rt>Kan</rt> 字 <rt>ji</rt> </ruby>

Результат

Техническая сводка

Категории содержимого	Нет.
Допустимое содержимое	Фразовое содержимое.
Опускание тегов	Закрывающий тег можно опустить, если сразу за элементом `<rt>` следует элемент `<rt>` или `<rp>` либо если в родительском элементе больше нет содержимого.
Допустимые родители	Элемент `<ruby>`.
Неявная роль ARIA	Соответствующая роль отсутствует
Допустимые роли ARIA	Любые
Интерфейс DOM	`HTMLElement`

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

Спецификация
HTML> # the-rt-element>

Совместимость с браузерами

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`rt`	5 Вложенные элементы `<rt>` отображаются некорректно из-за отсутствия стилей `display: ruby-text`. См. ошибку 347597919.	12	38	15 Вложенные элементы `<rt>` отображаются некорректно из-за отсутствия стилей `display: ruby-text`. См. ошибку 347597919.	5 Вложенные элементы `<rt>` отображаются некорректно из-за отсутствия стилей `display: ruby-text`. См. ошибку 265316.	18 Вложенные элементы `<rt>` отображаются некорректно из-за отсутствия стилей `display: ruby-text`. См. ошибку 347597919.	38	14 Вложенные элементы `<rt>` отображаются некорректно из-за отсутствия стилей `display: ruby-text`. См. ошибку 347597919.	4.2 Вложенные элементы `<rt>` отображаются некорректно из-за отсутствия стилей `display: ruby-text`. См. ошибку 265316.	1.0 Вложенные элементы `<rt>` отображаются некорректно из-за отсутствия стилей `display: ruby-text`. См. ошибку 347597919.	4.4 Вложенные элементы `<rt>` отображаются некорректно из-за отсутствия стилей `display: ruby-text`. См. ошибку 347597919.	4.2 Вложенные элементы `<rt>` отображаются некорректно из-за отсутствия стилей `display: ruby-text`. См. ошибку 265316.

См. также

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/rt

<rt> элемент HTML для текста ruby