HTML тег <rp>
Тег <rp> определяет альтернативный текст, который отображается в браузерах без поддержки тега <ruby>.
Тег <rp> (ruby parenthesis — скобки для рубиновых аннотаций) предоставляет резервные скобки для браузеров, не поддерживающих элемент <ruby>. Рубиновые аннотации — это небольшие фрагменты текста, отображаемые рядом с базовым символом для указания его произношения или значения. Они широко используются в восточноазиатских (японских, китайских) изданиях.
Тег <rp> входит в число элементов HTML5.
Как работают вместе <ruby>, <rt> и <rp>
Рубиновая аннотация строится из трёх элементов, каждый из которых выполняет свою роль:
<ruby>— контейнер, оборачивающий базовый текст и его аннотацию.<rt>(ruby text) — сама аннотация: произношение или примечание, отображаемое над (или рядом с) базовым символом.<rp>(ruby parenthesis) — резервные символы, как правило(и), обрамляющие аннотацию только в тех случаях, когда ruby не поддерживается.
Ключевая особенность — разное поведение при рендеринге:
- Браузеры с поддержкой ruby скрывают содержимое всех элементов
<rp>и отображают аннотацию<rt>в правильном положении (над базовым текстом). Пользователь скобок не видит. - Браузеры без поддержки ruby игнорируют позиционирование и отображают всё в строчном режиме. Скобки
<rp>становятся видимыми, и запись漢字(Kanji)читается как обычный текст вместо непонятного漢字Kanji.
Один элемент <rp> размещается перед <rt> (открывающая скобка), второй — после него (закрывающая скобка), так что в резервном случае аннотация оказывается заключена в скобки с обеих сторон.
Синтаксис
Элемент <rp> записывается с открывающим и закрывающим тегами. Согласно HTML5, закрывающий тег (</rp>) является необязательным: его можно опустить, если элемент <rp> непосредственно следует за другим <rp> или <rt>, либо если в родительском элементе <ruby> больше нет содержимого. Включать закрывающий тег всегда безопасно и рекомендуется для ясности.
Пример HTML-тега <rp>:
HTML-тег <rp>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<ruby>
漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
</body>
</html>Результат
В браузере с поддержкой ruby результат отображается как «Kan ji» над «漢字», а скобки остаются скрытыми. В браузере без поддержки ruby та же разметка деградирует до строчного текста 漢(Kan)字(ji) — скобки <rp> делают аннотацию читаемой.
Атрибуты
Тег <rp> поддерживает глобальные атрибуты и атрибуты событий.
Связанные теги
<ruby>— контейнер для рубиновой аннотации.<rt>— текст рубиновой аннотации (произношение или примечание).<rb>— отмечает базовый текст рубиновой аннотации.