Атрибут cite тега <blockquote>
Описание
Атрибут cite для тега <blockquote> указывает URL-источник цитаты. Это важный семантический атрибут, который:
- Связывает цитату с ее оригинальным источником
- Улучшает доступность и SEO
- Позволяет машиночитаемое указание источника
Пример корректного использования:
<blockquote cite="https://example.com/original-article">
<p>Это цитата из внешнего источника, которая должна быть правильно атрибутирована.</p>
</blockquote>
Особенности работы:
| Характеристика | Описание |
|---|---|
| Формат значения | Абсолютный или относительный URL |
| Видимость | Не отображается браузером по умолчанию |
| Доступность | Доступен скринридерам и поисковым системам |
Как сделать источник видимым:
<blockquote cite="https://example.com/article">
<p>Цитата из важного источника</p>
<footer>
Источник: <a href="https://example.com/article">Название статьи</a>
</footer>
</blockquote>
JavaScript-доступ к атрибуту:
const quote = document.querySelector('blockquote');
console.log('Источник цитаты:', quote.cite);
Совет: Всегда дублируйте ссылку на источник в видимом HTML-коде, так как атрибут cite не отображается для пользователей.
Рекомендации по использованию:
- Используйте абсолютные URL для внешних источников
- Для внутренних ссылок можно использовать относительные пути
- Сочетайте с элементом
<footer>для видимого указания источника - Проверяйте валидность URL в атрибуте