Атрибут id тега <rt>

Описание

Атрибут id задаёт уникальный идентификатор для элемента <rt>. Этот идентификатор может использоваться для:

  • Стилизации элемента через CSS
  • Обращения к элементу в JavaScript
  • Создания якорных ссылок внутри страницы
Пример использования:
<ruby> 漢 <rp>(</rp><rt id="kanji-reading">かん</rt><rp>)</rp> </ruby> <style> #kanji-reading { color: red; font-size: 0.8em; } </style>

Особенности работы:

Характеристика Описание
Уникальность ID должен быть уникальным в пределах документа
Синтаксис Должен начинаться с буквы, может содержать буквы, цифры, дефисы, подчёркивания
Чувствительность К регистру (myId и myid — разные идентификаторы)

Рекомендации по именованию:

  • Используйте осмысленные имена (например, main-reading вместо abc123)
  • Придерживайтесь единого стиля (kebab-case, snake_case или camelCase)
  • Избегайте цифр в начале идентификатора
  • Не используйте пробелы и специальные символы

Пример с якорной ссылкой:

<a href="#reading-section">Перейти к чтению</a> <!-- Другой раздел документа --> <ruby id="reading-section"> 漢 <rp>(</rp><rt>かん</rt><rp>)</rp> </ruby>

Ограничения и совместимость:

  • Поддерживается во всех браузерах
  • Дублирование ID может вызвать проблемы в JavaScript
  • Некоторые значения могут конфликтовать с CSS-селекторами (например, цифры в начале)

Примечание: Хотя атрибут id часто используется для стилизации, в современных проектах предпочтительнее использовать классы для CSS, оставляя ID для JavaScript-обработки и якорных ссылок. Для элементов <rt> ID может быть полезен для динамического изменения чтения иероглифов.