Тег <rt>

Описание

Тег <rt> (от англ. "ruby text") используется для добавления фонетических аннотаций или пояснений к основному тексту в восточноазиатских языках (японском, китайском, корейском). Работает только внутри контейнера <ruby>, отображаясь как надстрочный текст.

Базовый синтаксис:
<ruby> 漢字 <rt>かんじ</rt> </ruby>

Ключевые особенности:

  • Специально создан для ruby-разметки (фуриганы в японском, пиньиня в китайском)
  • По умолчанию отображается мелким шрифтом над основным текстом
  • Может содержать текст и некоторые inline-элементы
  • Поддерживается всеми современными браузерами
  • Часто используется с <rp> для совместимости
Пример с японскими иероглифами:
<ruby> 東京 <rt>とうきょう</rt> </ruby> (Токио)
Пример с китайскими иероглифами:
<ruby> 北京 <rt>Běijīng</rt> </ruby> (Пекин)

Рекомендации по использованию:

  • Используйте только для фонетических аннотаций
  • Для сложных случаев применяйте несколько <rt> с CSS
  • Сочетайте с <rp> для кросс-браузерной совместимости
  • Проверяйте отображение на мобильных устройствах
  • Для не-азиатских языков рассмотрите альтернативные решения

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

Атрибуты

accesskey Горячая клавиша для активации элемента
class CSS-классы для стилизации элемента
contenteditable Разрешает редактирование содержимого
data-* Пользовательские данные элемента
dir Направление текста (ltr|rtl)
hidden Скрывает элемент от отображения
id Уникальный идентификатор элемента
lang Язык содержимого элемента
spellcheck Включает проверку орфографии
style Инлайновые CSS-стили элемента
tabindex Порядок перехода при навигации по Tab
title Всплывающая подсказка для элемента
translate Определяет возможность перевода содержимого

Поддержка браузерами
5.5 5.0 15.0 38.0 5.0