Тег <rt>

Тег <rt>: опис, синтаксис та приклад використання

Тег <rt> використовується для додавання анотації зверху або знизу тексту, який міститься в контейнері <ruby>. Сама анотація виводиться зменшеним шрифтом.

Цей тип запису переважно використовується для азіатських мов, таких як китайська або японська, але може бути застосований і до інших мов, якщо потрібно написати один текст над іншим.

Синтаксис

<ruby>
 текст
 <rt>анотація</rt>
</ruby>

Закриваючий тег

Не є обов'язковим, якщо йде останнім.

Приклад

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>rt</title>
  <style>
   .date { font-size: 1.5em; }
   .date ruby { background: #0078c9; color: #fff; }
   .date rt { background: #a0dae8; color: #000; padding: 2px; }
  </style>
 </head> 
 <body>
  <p class="date">
   <ruby>
    23<rt>листопад</rt></ruby>
  </p>
 </body>
</html>

Результат прикладу показано на рис. 1.

Рис. 1. Положення тексту, задане за допомогою тега <rt>

Часті запитання

  • Q: Як використовувати тег <rt> в HTML?

    A: Тег <rt> використовується для позначення тексту, який вказує на правильне вимовлення символів або слів у тексті, що вказані в тегах <rp>.

  • Q: Для чого призначений тег <rt> в HTML?

    A: Тег <rt> використовується для визначення тексту, який слід вимовляти правильно при використанні символів різних мов, таких як японська чи китайська.

  • Q: Які атрибути підтримує тег <rt> в HTML?

    A: Тег <rt> підтримує атрибут lang, який вказує мову вимовлення тексту, а також атрибут class для визначення класу елемента.

  • Q: Чи можна вкладати тег <rt> в інші теги в HTML?

    A: Тег <rt> можна вкладати тільки в межі тегів <ruby>, які використовуються для позначення тексту, що потребує вимовлення.

  • Q: Як правильно позиціонувати тег <rt> в HTML?

    A: Тег <rt> слід розміщувати всередині тегів <ruby>, які вказують на текст, який потребує вимовлення, а також всередині тегів <rp> для підтримки браузерів, які не підтримують тег <rt>.