Notes on using the blockquote tag

Semanticization cannot be explained in just a few words, and there is no official and strict definition yet. What is not controversial about <blockquote> is:
1. Quote a longer text
2. Can I use the cite tag or attribute? The question is, does the quoted text in <blockquote> have to be contained by a block-level element?
First, the explanation from W3C
9.2.2 Quotations: The BLOCKQUOTE and Q elements<!ELEMENT BLOCKQUOTE - - (%block;|SCRIPT) -- long quotation --><!ATTLIST BLOCKQUOTE %attrs;
-- %coreattrs, %i18n, %events -- cite
%URI;
#IMPLIED -- URI for source document or msg -- ><!ELEMENT Q - - (%inline;)*
-- short inline quotation --><!ATTLIST Q %attrs;
-- %coreattrs, %i18n, %events -- cite
%URI;
#IMPLIED -- URI for source document or msg -- >
These two notes indicate that the content contained is a quoted text. BLOCKQUOTE is used for long quoted text (block-level content) and Q is used for short quoted text (inline content) and does not allow incomplete quoted sentences.
This example uses text from "The Two Towers", by JRR Tolkien, as the most commonly quoted text.
<BLOCKQUOTE cite="http://www.mycom.com/tolkien/twotowers.html">They went in single file, running like hounds on a strong scent,and an eager light was in their eyes. Nearly due west the broad swath of the marching Orcs tramped its ugly slot; the sweet grass of Rohan had been bruised and blackened as they passed.</BLOCKQUOTE>
This article is developed using web standards and mentions the semantics of some tags. The following is an excerpt from <blockquote>
For longer quotations that form one or more paragraphs, the <blockquote> element should be used. CSS can then be used to style the quotation. Note that text is not allowed directly inside a <blockquote> element – it must be contained in an element, usually a element.
Example: <blockquote cite="http://www.w3.org/TR/1999/REC-html401-19991224/struct/text.html"> “The following sections discuss issues surrounding the structuring of text. Elements that present text (alignment elements, font elements, style sheets, etc.) are discussed elsewhere in the specification. For information about characters, please consult the section on the document character set.”</blockquote>
http://24ways.org/advent/transitional-vs-strict-markup
This article is about transitional-vs-strict, the difference between transitional and standard XHTML, and the difference in content models. Regarding <blockquote>, in strict, the quoted content must be contained in a block-level element, usually or <div>.
Content model differences
An element type's content model describes what may be contained by an instance of the element type. The most important difference in content models between Transitional and Strict is that blockquote, body, and form elements may only contain block level elements. A few examples:
text and images are not allowed immediately inside the body element, and need to be contained in a block level element like p or div
input elements must not be direct descendants of a form element
text in blockquote elements must be wrapped in a block level element like p or div
Therefore, I think that in strict type, block-level elements must be used to contain quoted text, but in non-strict type, it is not necessary. However, it is recommended to do so because strict documents are stricter and can be regarded as backward compatible.

<<: Docker uses CMD or ENTRYPOINT commands to start multiple services at the same time

>>: jQuery plugin to implement accordion secondary menu

Detailed explanation of the role of brackets in AngularJS

The experience gained from comparing and analyzing the homepages of domestic social networking websites is shared with everyone (picture)

This article hopes to gain some insights through a...

Notes on using the blockquote tag

Detailed explanation of the role of brackets in AngularJS

Detailed explanation of CentOS7 online installation of Docker 17.03.2 using Alibaba Cloud Docker Yum source

Common considerations for building a Hadoop 3.2.0 cluster

Solution to the problem "Table mysql.plugin doesn't exist" when deploying MySQL

Detailed explanation of nginx request header data reading process

Docker pull image and tag operation pull | tag

How to use VUE to call Ali Iconfont library online

Common failures and reasons for mysql connection failure

Detailed steps for deploying Microsoft Sql Server with Docker

How to try to add sticky effect to your CSS

Recommend

MySQL startup error 1067 and invalid recovery after changing character set and restarting

MySQL 5.7.17 compressed package installation-free configuration process diagram

Learn one minute a day to use Git server to view debug branches and fix them

File upload via HTML5 on mobile

Detailed tutorial on setting up multiple instances of MySQL 8 on CentOS 7 (you can have as many as you want)

How to use axios request in Vue project

Jenkins builds Docker images and pushes them to Harbor warehouse

The experience gained from comparing and analyzing the homepages of domestic social networking websites is shared with everyone (picture)

How to upgrade MySQL 5.6 to 5.7 under Windows

A brief discussion on several situations where MySQL returns Boolean types

Implementing custom radio and check box functions with pure CSS

Dynamically add tables in HTML_PowerNode Java Academy

Solution to mysql login warning problem

Solution to the problem that the number of MySQL connections is limited to 214 in CentOS 7

HTML css js implements Tab page sample code