Синтаксис
<ruby>
<rp>...</rp>
<rt>...</rt>
<rp>...</rp>
</ruby>
Описание
Тег <rt> (от англ. ruby text — рубиновый текст) добавляет аннотацию сверху или снизу от текста, заключенного в контейнер <ruby>. Сама аннотация выводится уменьшенным шрифтом.
В HTML-документе присутствуют теги <ruby>, <rt> и <rp>, которые используются для добавления фуриган (фонетические подсказки в восточно-азиатских языках, их также называют — руби или ёмигана).
Фуриганы, как правило, отображаются мелким шрифтом над иероглифами (основным текстом) и содержат подсказки по их произношению и переводу. В контейнере <ruby> полезный текст фуриганы обозначается тегом <rt>. А тег <rp> является необязательным и определяет альтернативный текст для браузеров, которые не поддерживают тег <ruby>.
Внимание!
Если используется контейнер <rp>, то тег <rt> должен быть между двумя данными контейнерами.
Тег <rt> поддерживает глобальные атрибуты.
Пример
HTML-код:
漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
Отображение в браузере:
Параметры CSS по умолчанию
line-height: normal;
text-emphasis: none;
Поддержка браузера
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
<rt> | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии