HTML тег <ruby>

Значение и применение

В HTML присутствуют элементы <ruby> html5 , <rt> html5 и <rp> html5 , которые используются для добавления фуриган (фонетические подсказки в японском и восточно-азиатских языках, их также называют - руби или ёмигана).

Фуриганы, как правило, отображаются мелким шрифтом над иероглифами (основным текстом) и содержат подсказки по их произношению и переводу. В элементе <ruby> html5 полезный текст фуриганы обозначается элементом <rt> html5 .

Тег <rp> html5 определяет, что отображать браузеру, который не поддерживает тег <ruby> html5 . Если браузер поддерживает тег <ruby> html5 , то текст, который находится внутри тега <rp> html5 не отобразится для пользователя.

Поддержка браузерами

Тег	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> html5

считается новым в HTML 5.

Значение CSS по умолчанию

Нет.

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML теги