Атрибут title тега <blockquote>

Описание

Атрибут title для тега <blockquote> добавляет всплывающую подсказку (tooltip), которая появляется при наведении курсора на цитату. Это полезно для предоставления дополнительной информации о цитате, её источнике или контексте.

Пример использования:
<blockquote title="Фрэнсис Бэкон, 'О достоинстве и приумножении наук', 1605"> Знание — сила. </blockquote>

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

Ситуация Поведение
Наведение курсора Появляется всплывающая подсказка
На мобильных устройствах Подсказка может не отображаться или отображаться после долгого нажатия
Скринридеры Озвучивают содержимое атрибута title

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

  • Используйте для указания автора и источника цитаты
  • Можно добавить контекст или дату публикации
  • Держите текст кратким (1-2 предложения)
  • Не дублируйте информацию, уже присутствующую в основном тексте
  • Не используйте как замену нормального указания источника

Пример с CSS-оформлением:

<style> blockquote[title]:hover::after { content: attr(title); display: block; background: #333; color: white; padding: 5px; border-radius: 3px; margin-top: 5px; font-size: 0.8em; } </style> <blockquote title="Альберт Эйнштейн, письмо к Королеве Бельгии, 1933"> В трудные времена важно помнить, что среди хаоса существуют также красота и гармония. </blockquote>

Важные замечания:

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

SEO-аспекты:

  • Поисковые системы учитывают содержимое атрибута title
  • Может помочь в понимании контекста цитаты
  • Не заменяет нормальное цитирование источника
  • Избегайте спама ключевыми словами в этом атрибуте

Примечание: Атрибут title — это удобный способ добавить дополнительную информацию, но не стоит полагаться на него как на единственный способ предоставления важных данных.