Элемент q
может использоваться для выделения цитаты, которая является частью предложения:
<p>Она написала: <q>Ответ: 42.</q>, и все согласились.</p>
Получим:
Она написала: Ответ: 42.
, и все согласились.
Кавычки не нужно добавлять - они добавляются автоматически.
Атрибут cite
может использоваться для ссылки на URL-адрес цитируемого источника:
<p>Она написала: <q cite="http://example.com/blog/hello-world">Ответ: 42.</q>, и все согласились.</p>
Получим:
Она написала: Ответ: 42.
, и все согласились.
Обратите внимание, что браузеры обычно не отображают этот URL, поэтому, если источник релевантен, вам следует добавить гиперссылку (элемент a
).
Элемент blockquote
может использоваться для цитаты блочного уровня:
<blockquote>
<p>Ответ: 42.</p>
</blockquote>
Атрибут cite
может использоваться для ссылки на URL-адрес цитируемого источника:
<blockquote cite="http://example.com/blog/hello-world">
<p>Ответ: 42.</p>
</blockquote>
Получим:
Ответ: 42.
Обратите внимание, что браузеры обычно не отображают этот URL, поэтому, если источник релевантен, вам следует добавить гиперссылку дополнительно, см. ниже.
В версии HTML4.01 и ранее элемент cite
не должен быть частью элемента blockquote
:
<blockquote cite="http://example.com/blog/hello-world">
<p>Ответ: 42.</p>
</blockquote>
<p>Источник: <cite><a href="http://example.com/blog/hello-world" rel="external">Привет,
Мир!</a></cite></p>
Вы можете добавить элемент div
, чтобы сгруппировать цитату и ссылку на источник, но он не свяжет их семантически.
Элемент cite
может использоваться только для ссылки на источник цитаты (но не для указания имени автора).
В HTML5 и выше ссылка на источник цитаты может быть внутри блока blockquote
, но в этом случае она должна быть внутри элемента cite
или элемента footer
:
<blockquote cite="http://example.com/blog/hello-world">
<p>Ответ: 42.</p>
<footer>
<p>Источник: <cite><a href="http://example.com/blog/hello-world" rel="external">Привет,
Мир!</a></cite></p>
</footer>
</blockquote>
Получим:
Ответ: 42.
Спецификация W3C утверждает, что ссылка на творческую работу может содержать имя автора, в то время, как WHATWG заявляет, что она не может включать имя человека.