revision:
The <q> tag defines a short quotation. Browsers normally insert quotation marks around the quotation.This element is intended for short quotations that don't require paragraph breaks. Use the <blockquote> for long quotations.
cite ; value: URL; specifies the source URL of the quote.
WWF's goal is to:
Build a future where people live in harmony with nature.
We hope they succeed.
Codes:
<p class="spec">WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
Tom Campbell said It's not that you have consciousness, but that you are consciousness
.
Codes:
<p class="spec"><cite>Tom Campbell</cite> said <q>It's not that you <em>have</em>
consciousness, but that you <em >are</em > consciousness</q>.</p>
The <blockquote> tag specifies a section that is quoted from another source. Browsers usually indent <blockquote> elements. With CSS the indentation from the blockquote element can be removed. As a flow element (i.e. "block level" element), blockquote can contain other elements inside it. For example, we can drop paragraphs in there with no problem. But it could be other elements, too, like a heading or an unordered list.
The <q> HTML element indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don't require paragraph breaks; for long quotations use the <blockquote> element.
Attributes: these elements include the global attributes.
Syntax :
<blockquote cite=" "> . . . </blockquote>
<q cite=" "> . . . </q>
Here is a quote from ITU's website:
The past half century has seen rapid advances in telecommunications, including the emergence of unprecedented technologies, sector-wide privatization, and new facets of regulation. New markets, competitors, and partnerships have made the industry, along with the world of ITU, look very different today than they did in the early 1970s.
code:
<div>
<p class="spec">Here is a quote from ITU's website:</p>
<blockquote cite="https://www.itu.int/en/myitu/News/2021/07/14/09/31/
ITU-Telecom-celebrates-its-50th-anniversary">The past half century
has seen rapid advances in telecommunications, including the emergence
of unprecedented technologies, sector-wide privatization, and new facets
of regulation. New markets, competitors, and partnerships have made the
industry, along with the world of ITU, look very different today than they
did in the early 1970s.</blockquote>
</div>
WWF's goal is to:build a future where people live in harmony with nature.
code:
<p class="spec">WWF's goal is to:<q>build a future where people live in
harmony with nature.</q></p>
The author wondered to himself all natural and unstyled like:
How can I keep the audience engaged with this article on quotations? Grammar and a charming personality will only go so far.
<div>
<p class="spec">The author wondered to himself all natural and unstyled like:</p>
<blockquote>How can I keep the audience engaged with this article on quotations?
Grammar and a charming personality will only go so far.</blockquote>
</div>
I could hand out cupcakes to keep them interestedthe article's author thought to himself.
code:
<div class="spec">
<q class="spec">I could hand out cupcakes to keep them interested</q>
the article's author thought to himself.
</div>