Синтаксис

<ruby>
    <rp>...</rp>
    <rt>...</rt>
    <rp>...</rp>
</ruby>

Описание

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

В HTML-документе присутствуют теги <ruby>, <rt> и <rp>, которые используются для добавления фуриган (фонетические подсказки в восточно-азиатских языках, их также называют руби или ёмигана).

Фуриганы, как правило, отображаются мелким шрифтом над иероглифами (основным текстом) и содержат подсказки по их произношению и переводу. В контейнере <ruby> полезный текст фуриганы обозначается тегом <rt>. А тег <rp> является необязательным и определяет альтернативный текст для браузеров, которые не поддерживают тег <ruby>.

Внимание!

Если используется контейнер <rp>, то тег <rt> должен быть между двумя данными контейнерами.

Тег <rt> поддерживает глобальные атрибуты.

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег rt</title>
</head>
<body>
    <ruby>
        漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
        字 <rp>(</rp><rt>ji</rt><rp>)</rp>
    </ruby>
</body>
</html>

Отображение в браузере:

(Kan) (ji)

Параметры CSS по умолчанию

rt {
    text-indent: 0px;
    line-height: normal;
    text-emphasis: none;

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

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<rt> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.