HTML-тег <rb>
Тег HTML <rb> выделяет базовый текст аннотации <ruby>, применяемой в восточноазиатской типографике. Примеры и живые демо.
Элемент HTML <rb> использовался для выделения базового текста аннотации <ruby> — символов, к которым прикрепляется руководство по произношению.
Устарел — не используйте <rb> в новом коде. Элемент <rb> удалён из стандарта HTML, и поддержка браузерами ненадёжна. В нём нет необходимости: в современном HTML базовый текст размещается непосредственно внутри <ruby> без элемента-обёртки. Эта страница сохранена только для того, чтобы помочь вам распознать устаревшую разметку и перейти на современную.
Что такое аннотации ruby
Аннотация ruby — это короткий фрагмент текста, отображаемый рядом с базовым текстом; как правило, она используется в восточноазиатской типографике для указания произношения (чтения) символов. Аннотация отображается более мелким шрифтом, обычно над или сбоку от базовых символов.
Аннотация ruby строится из трёх современных элементов:
<ruby>— контейнер для всей аннотации.<rt>— ruby-текст: само произношение/аннотация.<rp>— необязательные скобки ruby, отображаемые только браузерами, которые не поддерживают ruby, так что текст деградирует до вида漢字 (kanji).
В старой разметке <rb> (и также устаревший <rtc>) оборачивали базовый текст. Сегодня базовый текст не нуждается ни в какой обёртке.
Современный шаблон (рекомендуется)
Поместите базовый текст прямо внутрь <ruby>, затем после каждого базового сегмента добавьте соответствующий <rt>. Оберните содержимое <rt> скобками <rp>, чтобы аннотация оставалась читаемой там, где ruby не поддерживается.
Пример современной аннотации ruby (без <rb>):
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
body {
font-size: 30px;
}
</style>
</head>
<body>
<ruby>
漢 <rp>(</rp><rt>kan</rt><rp>)</rp>
字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
</body>
</html>Результат
Браузер с поддержкой ruby отобразит kan над 漢 и ji над 字. Браузер без поддержки покажет 漢 (kan) 字 (ji) — благодаря элементам <rp>.
Устаревшая разметка <rb> (для распознавания, не для использования)
В старых документах можно встретить обёртку каждого базового сегмента в <rb>. Пример ниже приведён только для того, чтобы вы могли его распознать — замените его на современный шаблон, описанный выше.
<!-- Legacy markup — DO NOT USE in new code -->
<ruby>
<rb>漢</rb>
<rb>字</rb>
<rp>(</rp><rt>kan</rt><rt>ji</rt><rp>)</rp>
</ruby>Для миграции удалите теги <rb> и оставьте базовые символы непосредственно внутри <ruby>.
Поддержка браузерами
<rb> не является частью актуальной спецификации HTML. Даже там, где браузеры его допускают, поведение непоследовательно, поэтому полагаться на него не следует. Комбинация <ruby> / <rt> / <rp> хорошо поддерживается во всех современных браузерах.
Связанные теги
<ruby>— контейнер аннотации ruby.<rt>— текст ruby (аннотация).<rp>— запасные скобки для браузеров без поддержки ruby.