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

Описание

Атрибут id задаёт уникальный идентификатор для элемента <ruby>, позволяя однозначно обращаться к нему через CSS, JavaScript или якорные ссылки.

Пример использования:
<ruby id="kanji-example"> 漢 <rp>(</rp><rt>かん</rt><rp>)</rp> </ruby> <style> #kanji-example { font-size: 1.5em; color: #2c3e50; } </style>

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

Характеристика Описание
Уникальность Должен быть единственным в документе
Синтаксис Должен начинаться с буквы (A-Z, a-z)
Чувствительность К регистру (myId ≠ myid)

Рекомендации по использованию:

  • Используйте для важных ruby-элементов, требующих точного доступа
  • Применяйте осмысленные имена, отражающие содержание
  • Избегайте избыточных префиксов типа "ruby-"
  • Для стилизации предпочтительнее классы

Типичные случаи применения:

  • Интерактивные словари иероглифов
  • Системы проверки знаний
  • Анимации и динамические эффекты
  • Якорные ссылки на конкретные иероглифы
Важно: Не используйте один и тот же ID для нескольких элементов на странице - это нарушает стандарты HTML и может вызвать проблемы в работе JavaScript.

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

<a href="#important-kanji">Перейти к иероглифу</a> <!-- ... другой контент ... --> <ruby id="important-kanji"> 愛 <rp>(</rp><rt>あい</rt><rp>)</rp> </ruby>

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