Дорогой друг!

Справочник HTML переехал на новый сайт с коротким и простым адресом webref.ru. Там справочник регулярно обновляется и пополняется. Он актуальнее, лучше, полнее и содержит ряд интересных возможностей. На htmlbook.ru справочник HTML больше обновляться не будет и со временем закроется. Переходи на сайт webref.ru и пользуйся им на здоровье.

Тег <rt>


Internet Explorer Chrome Opera Safari Firefox Android iOS
5.0+ 5.0+ 5.0+ 2.3 2.1+

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

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

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

Синтаксис

<ruby>
 текст
 <rt>аннотация</rt>
</ruby>

Атрибуты

Нет.

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

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

Пример

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>rt</title>
  <style>
   .date { font-size: 1.5em; }
   .date ruby { background: #0078c9; color: #fff; }
   .date rt { background: #a0dae8; color: #000; padding: 2px; }
  </style>
 </head> 
 <body>
  <p class="date">
   <ruby>
    23<rt>ноябрь</rt></ruby>
  </p>
 </body>
</html>

Результат примера показан на рис. 1.

Положение текста, заданное с помощью тега <rt>

Рис. 1. Положение текста, заданное с помощью тега <rt>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.