Перейти к содержанию

<rt>

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

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

Демо

Текстовые элементы

Синтаксис

1
2
3
4
<ruby>
    текст
    <rt>аннотация</rt>
</ruby>

Закрывающий тег не обязателен, если идёт последним.

Атрибуты

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

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

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>rt</title>
        <style>
            .date {
                font-size: 2em;
            }
            .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>

Ссылки

  • Тег <rt> MDN (рус.)

Комментарии