Search code examples
htmlsemantic-markup

Differences between <q> and <blockquote>


There are several articles about this topic but I'm not able to understand the relevant difference between <q> and <blockquote>. The spec seems to have changed for blockquote link. It seems that long quotations are reserved for blockquote and inline quotation for <q>.

What do they mean with inline quotations?

Does one need to have the name of an author?

For example: what if the quote is of a company and its one long sentence. I would use <q> but I would not know exactly how to defend that point with arguments.


Solution

  • Just see their definitions:

    • q element:

      […] some phrasing content quoted from another source

    • blockquote element:

      […] a section that is quoted from another source

    The last part is the same ("quoted from another source"), so they only differ in "phrasing content" vs. "section".

    q can only contain phrasing content (and it can only be used where such phrasing content is expected). blockquote can only contain flow content (and it can only be used where such flow content is expected). In that sense, they are similar to span (~ q) and div (~ blockquote).

    Some other differences:

    Note that blockquote is a sectioning root, which means that any headings or sectioning elements it may contain will not be part of the document’s outline. q can’t contain headings or sectioning elements in the first place.

    Note that you MUST NOT use any quotation marks when using q (not before, not inside, not after), because user agents should add them automatically. There is no such restriction for blockquote (however, it’s probably unlikely that you’d need some for block quotes).