Master the commonly used HTML tags used to reference content in web pages_HTML/Xhtml_Web page production

Use blockquote for long citations, q for short quotation marks, and cite for reference citations. In practice, usually only blockquote and q are used.
According to the HTML specification, there are three elements used to reference content, namely

. In reality, the use of these tags is still relatively rare. Therefore, when you actually apply it, what tags should you use? You must know their semantics well.

blockquote is a reference to the content. Content must include block-level elements such as headings, lists, paragraphs, or div tags. This element can also have an optional attribute cite specifying the location (in the form of a URI). For example:

A large quotation. The content of a blockquote element must include block-level elements such as headings, lists, paragraphs or div's.

cite can be used to specify the location (in the form of a URI) where the quote has come from.

The
tag defines a short quote. The tag is essentially the same as

. The difference lies in their display and application. The tag is used for short inline quotes.
Bob said sexy pyjamas but Chris said a kimono
Although is almost never used, it has some useful properties. For example, you can specify the appearance of the quote symbol for via CSS. this is allowed
Q {}
Q {quotes: '»' '«' }
Q {quotes: '„' '"'}
It seems good, but it is not supported by all IE series, even the latest IE8. Huge embarrassment~~

Use this tag to define a citation for a reference, such as the title of a book or magazine. For example:

And Bob said No, I think it's a banana.

Summary:
Use

for long quotations, for short quotations, and for reference citations. In practice, usually only

and are used.