<rt>
- 25 января 2023
Тег <rt>
определяет аннотацию для элемента <ruby>
. Он позволяет добавлять текстовое описание к символам, которые были определены внутри тега .
Синтаксис тега <rt>
<ruby>
漢 <rt>かん</rt>
字 <rt>じ</rt>
</ruby>
Спецификация HTML
Тег <rt>
является частью спецификации HTML Living Standard.
Семантический или нет
Тег <rt>
считается семантическим, поскольку несёт в себе смысл и точно передаёт назначение своего содержимого.
Примеры использования
Определение произношения японских иероглифов:
<ruby>
日本<rt>にほん</rt>
語<rt>ご</rt>
</ruby>
Определение произношения китайских иероглифов:
<ruby>
中<rt>zhōng</rt>
国<rt>guó</rt>
</ruby>
Определение произношения корейских иероглифов:
<ruby>
한<rt>han</rt>
글<rt>geul</rt>
</ruby>
Для чего использовать тег <rt>
- Определение произношения иероглифов в японском языке.
- Отображение произношения латинских букв на другом языке.
- Использование аннотации для объяснения иностранных слов.
Атрибуты тега <rt>
Тег <rt>
не имеет специфических атрибутов.
Глобальные атрибуты
Тег поддерживает все глобальные атрибуты HTML.
Ограничения
- Тег
<rt>
должен использоваться только внутри тега<ruby>
. - Тег
<rt>
не поддерживается в некоторых старых браузерах.
Нюансы
- Необходимо использовать аннотацию только в случае, когда текст на другом языке может вызвать недопонимание у пользователя.
- При использовании тега
<rt>
необходимо указывать аннотацию для каждого символа, если это необходимо.
Поддержка браузерами
Тег <rt>
поддерживается всеми современными браузерами. Актуальная информация — на сaniuse.
Альтернативные теги
Тег <rt>
используется вместе с тегом <ruby>
, и не имеет альтернативных тегов.
Чем заменить тег
Прямой замены тегу <rt>
не существует.
Актуальность
Тег <rt>
не является устаревшим.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Глобальные атрибуты HTML
Список основных атрибутов, которые подойдут ко всему.
- 29 марта 2023
Как добавить раздел на страницу. Тег <div>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Список описаний. Тег <dl>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Пункт выпадающего списка. Тег <option>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023