flexbe banner 468x60flexbe banner 728x90flexbe banner 930x180kwork banner 468x60kwork banner 728x90kwork banner 930x180skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180

HTML-тег <ruby>

Элемент <ruby> используется для обозначения произношения восточноазиатских символов, например для китайского или японского языков.

Элемент <ruby> используется с элементом <rt> для создания аннотаций или руководств по произношению слов и фраз. Основной текст должен быть заключен в тег <ruby>, А расшифрованный текст, заключенный в тег <rt>, будет отображаться в виде объяснительного текста над основным.

Элемент <rp> можно использовать опционально для заключения текст в скобки. Используется для браузеров, которые не поддерживают это форматирование.

Тип: Inline
Контент: Inline, и текст
Открывающий тег: Обязательный
Закрывающий тег: Обязательный
Версия: Новый в HTML5

Синтаксис

Базовый синтаксис тега <ruby> выглядит следующим образом:

HTML / XHTML: <ruby> ... </ruby>

Примеры написания кода тега <ruby>:

<ruby>
  漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
  字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

Специальные атрибуты тега

Тег <ruby> не имеет специальных атрибутов.

Глобальные атрибуты

Как и все другие HTML-теги, тег <ruby> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

Тег <ruby> так же поддерживает атрибуты событий в HTML5.

Поддержка браузеров

Тег <ruby> поддерживается во всех основных браузерах.

etxt banner 480x320etxt banner 728x90etxt banner 120x600smsc banner 480x320smsc banner 728x90smsc banner 120x600jivo banner 480x320jivo banner 728x90jivo banner 120x600

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Похожие посты

HTML-тег <menu>

Определяет список (или меню) сообщений, которые может выполнять пользователь
Подробнее