HTML тег <rt>

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

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

Синтаксис

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

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

Не обязателен, если идёт последним.

Атрибуты

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

Стилизация по умолчанию

Большинство браузеров отобразит элемент <rt> со следующими значениями CSS по умолчанию:

rt {
    line-height: normal;
}

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

Тег <rt> был добавлен в 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) Рекомендация

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


Учебник HTML

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




Contema