Создание цитат

Элемент 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 заявляет, что она не может включать имя человека.