Синтаксис

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

Описание

Тег <rp> (от англ. ruby parenthesis — рубиновый абзац) определяет альтернативный текст для браузеров, которые не поддерживают тег <ruby>.

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

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

Внимание!

Элемент <rp> должен идти до или после тега <rt>.

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

Пример

HTML-код:

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

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

(Kan) (ji)

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

rp {
    display: none;

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

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<rp> Да Да Да Да Да

Комментарии

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