Definition and Usage
The <blockquote>
tag represents a section that is quoted from another source.
It is used to indicate a standalone block of quoted content, which most browsers typically display with indentation.
<h3>blockquote Tag</h3>
<p>The following is a quotation from Wikipedia.</p>
<blockquote cite="https://en.wikipedia.org/wiki/World_Wide_Web">
<p>
The World Wide Web (WWW or simply the Web) is a global information space
where people can share information via interconnected computers on the Internet.
</p>
<p>
Although the term is often used interchangeably with the Internet, they are technically different.
The Web is just one of many services that run on the Internet, like email.
Since 1993, however, the Web has become the dominant part of the Internet's structure.
</p>
</blockquote>
blockquote Tag
The following is a quotation from Wikipedia.
The World Wide Web (WWW or simply the Web) is a global information space
where people can share information via interconnected computers on the Internet.
Although the term is often used interchangeably with the Internet, they are technically different.
The Web is just one of many services that run on the Internet, like email.
Since 1993, however, the Web has become the dominant part of the Internet's structure.
When rendered in the browser, the <blockquote>
tag is typically displayed with indentation. Most browsers apply default CSS margin
values on all sides of a <blockquote>
tag.
The <blockquote>
tag should be used as follows:
Using the <blockquote>
Tag's cite
Attribute
The cite
attribute specifies the URL of the original document or message from which the quoted information is taken.
The <blockquote>
tag does not require the cite
attribute.
If the source of the quotation is already clear from the context, you may omit it. However, using the cite
attribute provides an explicit reference to the source of the quotation,
which can enhance the credibility of the information. This metadata can be useful for content authors, web developers, and search engines.
Please refer to the following example:
<blockquote cite="https://en.wikipedia.org/wiki/Romeo_and_Juliet">
<p>
The Tragedy of Romeo and Juliet, often shortened to Romeo and Juliet,
is a tragedy written by William Shakespeare about the romance
between two young Italians from feuding families.
It was among Shakespeare's most popular plays during his lifetime and,
along with Hamlet, is one of his most frequently performed. Today,
the title characters are regarded as archetypal young lovers.
</p>
</blockquote>
Browser compatibility
Tag |
Desktop Chrome
|
DesktopDesktop Edge
|
Desktop Firefox
|
Safari
|
---|---|---|---|---|
<blockquote>
|
1 | 12 | 1 | 4 |
Specifications
Specification | |
---|---|
<blockquote>
|
HTML Standard #the-blockquote-element |