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

MySQL 8.0.13 decompression version installation and configuration method graphic tutorial

Notes on using the blockquote tag

MySQL 8.0.13 decompression version installation and configuration method graphic tutorial

Use CSS to create 3D photo wall effect

HTML table markup tutorial (2): table border attributes BORDER

Example of using MRG_MyISAM (MERGE) to implement query after partitioning in MySQL

Vuex implements a simple shopping cart

Weird and interesting Docker commands you may not know

CSS3 realizes the animation of shuttle starry sky

URL representation in HTML web pages

JS+Canvas draws a lucky draw wheel

Explore JavaScript prototype data sharing and method sharing implementation

Recommend

A simple method to regularly delete expired data records in MySQL

How to restore a database and a table from a MySQL full database backup

MySQL advanced learning index advantages and disadvantages and rules of use

How to build php-nginx-alpine image from scratch in Docker

Example of making a butterfly flapping its wings with pure CSS3

The leftmost matching principle of MySQL database index

Native JS to achieve special effects message box

mysql8.0.0 winx64.zip decompression version installation and configuration tutorial

Front-end state management (Part 1)

JavaScript form validation example

Creative About Us Web Page Design

Example of using Docker to build an ELK log system

Three methods of inheritance in JavaScript

Analysis of HTTP interface testing process based on postman

Detailed process of building nfs server using Docker's NFS-Ganesha image