Разница между элементами <blockquote>, <cite> и <q>

Раньше использовали три элемента для цитирования в контенте, с не очевидной разницей:

  • <blockquote>
  • <q>
  • <cite>

Совсем в черновике спецификации HTML5 добавили четкости в использовании данных элементов.

Элемент <blockquote>

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.

Content inside a blockquote other than citations and in-line changes must be quoted from another source, whose address, if it has one, may be cited in the cite attribute.

HTML 5.1 Nightly

То есть, с помощью блочного элемента <blockquote> выделяют семантически контент из других источников, причем сама цитата должна быть точной и обязательно иметь отсылку на источник, из которого взята внутри элемента <cite>.

Пример использования <blockquote> с <cite>
<blockquote>
    <p>
        As my fellow HTML5 Doctor, Oli Studholme has showed, people seldom quote exactly – so sacrosanctity of the quoted text isn’t a useful ideal – and in print etc, citations almost always appear as part of the quotation – it’s highly conventional.
    </p>
    <footer>
        <cite><a href="http://brucelawson.co.uk/2013/on-citing-quotations-again/">Bruce Lawson</a></cite>
    </footer>
</blockquote>

Элемент <cite>

The cite element represents a reference to a creative work. It must include the title of the work or the name of the author (person, people or organization) or an URL reference, which may be in an abbreviated form as per the conventions used for the addition of citation metadata.

4.5.6 The cite element

Итак, строчный элемент <cite> – это отсылка (референс) на источник цитируемого контента (авторскую работу) и эта отсылка должна включать название работы, или имя автора, или просто URL, которые могут быть представлены в сокращенном виде.

У элементов <blockquote>, <q> есть атрибут cite, который может заменять сам элемент <cite>.

Элемент <q>

The q element represents some phrasing content quoted from another source.

Content inside a q element must be quoted from another source, whose address, if it has one, may be cited in the cite attribute. The source may be fictional, as when quoting characters in a novel or screenplay.

4.5.7 The q element

Смысл элемента <q> такой же, как и <blockquote>, но это фраза, а не цельный блок из контента. Также должен включать отсылку на источник в элементе или атрибуте cite.

Пример от W3C
<p>The W3C page <cite>About W3C</cite> says the W3C's mission is <q cite="http://www.w3.org/Consortium/">To lead the World Wide Web to its full potential by developing protocols and guidelines that ensure long-term growth for the Web</q>. I disagree with this mission.</p>
Выводы

Для цитирования логично отделенного блока контента используем <blockquote>,
для цитирования отрывка, фразы – <q>, при чем указываем автора, название или ссылку во вложенном элементе <cite>.

quote

Leave a Reply

Your email address will not be published. Required fields are marked *


8 − = 2

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>