Тег <ruby> предназначен для добавления небольшой аннотации сверху или снизу от заданного текста.
Название происходит от слова "рубин", которым в типографии обозначается небольшой шрифт.
Такая небольшая ("рубиновая") аннотация — это короткий, добавленный к основному, текст, который разъясняет произношение или значение соответствующего символа. Подобные "рубиновые" аннотации распространены в идеографической письменности вроде китайского или японского языках, однако могут применяться и для других языков, если требуется написать один текст над другим.
Тег <ruby> содержит один или несколько символов, требующих разъяснения, а также тег <rt>, который и формирует саму аннотацию к данным символам, а также необязательный тег <rp>, который предназначен для браузеров, не поддерживающих тег <ruby>.
Разница между HTML 4.01 и HTML5
Тег <ruby> был добавлен в HTML5.
Общие атрибуты
Тег <ruby> поддерживает общие атрибуты и атрибуты-события.
HTML пример использования
Небольшая аннотация:
<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>