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

Описание

Атрибут id для тега <q> задаёт уникальный идентификатор цитаты на странице. Этот идентификатор может использоваться для CSS-стилизации, JavaScript-обращений или как якорная ссылка.

Пример использования:
<q id="main-quote"> Всё сбудется, стоит только расхотеть. </q>

Основные характеристики:

Аспект Описание
Уникальность Должен быть единственным в документе
Синтаксис Должен начинаться с буквы (A-Za-z), может содержать цифры, дефисы и подчёркивания
Регистр Чувствителен к регистру (mainQuote ≠ mainquote)

Использование с CSS:

<style> #important-quote { font-style: italic; color: #c62828; quotes: "«" "»"; } </style> <q id="important-quote"> Жизнь - это то, что происходит с тобой, пока ты строишь другие планы. </q>

Использование с JavaScript:

<q id="dynamic-quote">Первоначальная цитата</q> <script> // Изменение цитаты по id document.getElementById('dynamic-quote').textContent = 'Новая цитата'; </script>

Рекомендации:

  • Используйте семантичные имена (например, "einstein-quote" вместо "quote1")
  • Избегайте избыточных префиксов (не нужно "q-main", достаточно "main")
  • Для стилизации предпочтительнее использовать классы
  • Храните согласованность именования в проекте

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

<q id="famous-quote"> Быть или не быть, вот в чём вопрос. </q> <a href="#famous-quote">Ссылка на цитату</a>

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

  • Позволяет точно адресовать конкретную цитату
  • Не влияет на автоматические кавычки браузера
  • Обязателен для сложных интерактивных сценариев

Примечание: Хотя атрибут id полезен для управления отдельными цитатами, для групп однотипных цитат (например, в списке) лучше использовать классы в сочетании с data-атрибутами.