<q> elements are used to designate quoted text. Both elements can take the
cite attribute, which is used to reference the source.
<blockquote> is a block-level element, while
<q> is an inline element. See the example below:
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Quotes</title> </head> <body> <h1>The Declaration of Independence</h1> <p>The Declaration of Independence begins with the following paragraph:</p> <blockquote cite="http://www.ushistory.org/declaration/document/index.html"> <p>When in the Course of...</p></blockquote> <p>The second paragraph, which begins <q cite="http://www.ushistory.org/declaration/document/index.html">We hold these truths...</q> is more widely known.</p> </body> </html>
Most browsers indent blockquotes from both the left and right. They are supposed to wrap text nested in
<q> tags with quotes.
Some older version of Internet Explorer do not render the Quotes.