Тег <ruby>
- Категории: Потоковое содержимое, Фразовое содержимое
-
Контекст:
Где ожидается фразовое содержимое.
-
Модель:
Фразовое содержимое.
Тег <ruby>
позволяет добавить к основному тексту аннотации Ruby. Данное понятие берет свое начало из типографики и обозначает наименьший размер текста, который может быть напечатан в газете, оставаясь разборчивым. Чаще всего такие аннотации используются в восточноазиатской типографике в качестве руководства по произношению, перевода или транслитерации. На японском языке эта форма типографики также известна как фуригана.
Аннотации Ruby могут отображаться с любой стороны основного текста. Данное поведение регулируется через CSS.
Сам по себе элемент <ruby>
ничего не делает и является контейнером для одной из следующих последовательностей:
Атрибуты
- Глобальные атрибуты
-
Базовый текст и аннотация
Элемент
<ruby>
делится на один или более сегментов, каждый из которых состоит из базового текста<rb>
и его аннотации<rt>
. В данном примере используется только один сегмент, поэтому мы можем опустить как тег<rb>
, так и закрывающий тег аннотации. Границы этих элементов тут и так понятны: -
Несколько сегментов и описание
В следующем примере мы взяли английское название города
San Francisco
, написанное с помощью китайских иероглифов (旧金山
). Далее, в аннотации к каждому иероглифу мы казали его произношение на пиньинь (jiùjīnshān
). А в конце использовали элемент<rtc>
, чтобы вывести оригинальное написание города: -
Резервный текст
Еще один элемент
<rp>
позволяет указать символы, которые будут выведены, только если браузер не поддерживает аннотации<ruby>
. Чаще всего в нем указывают скобки: