HTML тег <ruby>
HTML теги
Значение и применение
В HTML присутствуют элементы <ruby>, <rt>
и <rp>
, которые используются для добавления фуриган (фонетические подсказки в японском и восточно-азиатских языках, их также называют - руби или ёмигана).
Фуриганы, как правило, отображаются мелким шрифтом над иероглифами (основным текстом) и содержат подсказки по их произношению и переводу. В элементе <ruby> полезный текст фуриганы обозначается элементом <rt>
.
Тег <rp> определяет, что отображать браузеру, который не поддерживает тег <ruby>
. Если браузер поддерживает тег <ruby>
, то текст, который находится внутри тега <rp>
не отобразится для пользователя.
Поддержка браузерами
Тег | ![]() Chrome | ![]() Firefox | ![]() Opera | ![]() Safari | ![]() IExplorer | ![]() Edge |
---|---|---|---|---|---|---|
<ruby>![]() | 5.0 | 38.0 | 15.0 | 5.0 | 5.5 | 12.0 |
Пример использования
<!DOCTYPE html> <html> <head> <title>Пример использования элемента <ruby></title> </head> <body> <ruby> <rp>Ваш браузер не поддерживает отображение фуриган</rp> 地球<rt>ふるさと</rt> </ruby> </body> </html>
Результат нашего примера:

Отличия HTML 4.01 от HTML 5
Элемент <ruby>
Значение CSS по умолчанию
Нет.Поддержка глобальных атрибутов
Элемент поддерживает "глобальные атрибуты".
Атрибуты событий
Элемент поддерживает "атрибуты событий".
HTML теги