<ruby>

Тег <ruby> используется для аннотации иероглифов или других символов краткими пояснениями — чаще всего это чтение слов в азиатских языках. Внутри тега размещается основной текст и пояснение к нему.

        
          
          <ruby>  水  <rp>(</rp><rt>вода</rt><rp>)</rp></ruby><ruby>  火  <rp>(</rp><rt>огонь</rt><rp>)</rp></ruby><ruby>  山  <rp>(</rp><rt>гора</rt><rp>)</rp></ruby>
          <ruby>
  水
  <rp>(</rp><rt>вода</rt><rp>)</rp>
</ruby>
<ruby>
  火
  <rp>(</rp><rt>огонь</rt><rp>)</rp>
</ruby>
<ruby>
  山
  <rp>(</rp><rt>гора</rt><rp>)</rp>
</ruby>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Тег <ruby> оборачивает фразу, к которой нужно добавить аннотацию. Для пояснений используют вложенные теги:

• <rt> — текст подсказки (аннотация);
• <rp> — дополнительный текст для браузеров, не поддерживающих <ruby> (чаще всего, круглые скобки).

        
          
          <ruby>  雨  <rp>(</rp>  <rt>дождь</rt>  <rp>)</rp></ruby>
          <ruby>
  雨
  <rp>(</rp>
  <rt>дождь</rt>
  <rp>)</rp>
</ruby>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Этот тег нужен для отображения пояснений прямо над символами — часто это читается как "подсказка к чтению". Это важно для языков с иероглифами (китайский, японский), где одно и то же слово может читаться по-разному.

💡 Используйте <ruby> только для небольших фраз или слов.