HTML тег `<rt>`

Значение и применение

В HTML присутствуют элементы <ruby>, <rt> и <rp>, которые используются для добавления фуриган (фонетические подсказки в японском и восточно-азиатских языках, их также называют - руби или ёмигана).

Фуриганы, как правило, отображаются мелким шрифтом над иероглифами (основным текстом) и содержат подсказки по их произношению и переводу. В элементе <ruby> полезный текст фуриганы обозначается элементом <rt>.

Тег <rp> определяет, что отображать браузеру, который не поддерживает тег <ruby>. Если браузер поддерживает тег <ruby>, то текст, который находится внутри тега <rp> не отобразится для пользователя.

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

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

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.rt
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`rt`	✓5 Версия 5 выпущена в 2010 г. Примечание MDN (англ.) Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	✓12	✓38	✓15 Версия 15 выпущена в 2013 г. Примечание MDN (англ.) Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	✓5 Версия 5 выпущена в 2010 г. Примечание MDN (англ.) Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 265316.	✓18 Версия 18 выпущена в 2012 г. Примечание MDN (англ.) Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	✓38	✓14 Версия 14 выпущена в 2013 г. Примечание MDN (англ.) Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	✓4.2 Версия 4.2 выпущена в 2010 г. Примечание MDN (англ.) Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 265316.	✓1.0 Версия 1.0 выпущена в 2013 г. Примечание MDN (англ.) Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	✓4.4 Версия 4.4 выпущена в 2013 г. Примечание MDN (англ.) Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	✓4.2 Версия 4.2 выпущена в 2010 г. Примечание MDN (англ.) Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 265316.

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Примеры, попробуйте сами

Подсказка произношения

Измените чтение в rt. Скобки rp — запасной вариант без поддержки ruby; в поддерживающем браузере они скрыты.

index.html

HTML

<p>
  <ruby>漢<rp>(</rp><rt>かん</rt><rp>)</rp></ruby>
</p>

Отличия HTML 4.01 от HTML 5

Элемент <rt> считается новым в HTML 5.

Значение CSS по умолчанию

CSS

rt {
line-height: normal;
}

Поддержка глобальных атрибутов

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

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML тег <rt>