Master the commonly used HTML tags for quoting content in web pages

Use blockquote for long citations, q for short citations, and cite for references. In practice, only blockquote and q are usually used.
According to the HTML specification, there are three elements for quoting content, namely <blockquote> <q> <cite>. In reality, these tags are rarely used, so when you do apply them, which tags should you use? You have to be very familiar with their semantics.
<blockquote>
A blockquote is a quotation of content. The content must include block-level elements such as headings, lists, paragraphs, or div tags. This element can also have an optional attribute cite that specifies the location (in the form of a URI). For example:
<blockquote cite="https://www.jb51.net/reference/htmltags/blockquote/">
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.
</blockquote>
<q>
The <q> tag defines a short quote. The <q> tag is essentially the same as a <blockquote>. The difference lies in their display and application. The <q> tag is used for short inline quotations.
Bob said <q>sexy pyjamas</q> but Chris said <q>a kimono</q>
Although <q> is almost never used, it has some useful properties. For example, you can specify the appearance of the <q> quotation mark symbol through CSS. This is allowed
Q {}
Q {quotes: '»' '«' }
Q {quotes: '„' '“'}
It seems good, but it is not supported by the entire IE series, not even the latest IE8. Huge embarrassing~~
<cite>
Use this tag to define a reference, such as a book or journal title. For example:
And <cite>Bob</cite> said <q>No, I think it's a banana</q>.
Summarize:
Use <blockquote> for long citations, <q> for short citations, and <cite> for references. In practice, only <blockquote> and <q> are usually used.

<<: Detailed explanation of the use of the clip-path property in CSS

>>: Issues installing Python3 and Pip in ubuntu in Docker

Detailed explanation of the use of React.cloneElement

Master the commonly used HTML tags for quoting content in web pages

Detailed explanation of the use of React.cloneElement

js to achieve the effect of dragging the slider

Some simple implementation codes of the form element take registration as an example

Summary of new usage of vi (vim) under Linux

Detailed analysis of SQL execution steps

Code for implementing simple arrow icon using div+CSS in HTML

Detailed explanation of two ways to implement session persistence in Nginx reverse proxy

Alibaba Cloud Centos7 installation and configuration of SVN

HTML css js implements Tab page sample code

Detailed explanation of the buffer pool in MySQL

Recommend

How to view the storage location of MySQL data files

Solution for Baidu site search not supporting https (tested)

Solution for mobile browsers not supporting position: fix

Detailed explanation of mixed inheritance in Vue

The whole process of installing and configuring Harbor1.7 on CentOS7.5

Analyze several common solutions to MySQL exceptions

How to embed flash video format (flv, swf) files in html files

Discussion on the problem of iframe node initialization

Solution to the problem that MySQL commands cannot be entered in Chinese

Docker's flexible implementation of building a PHP environment

Implementation of vue+drf+third-party sliding verification code access

Detailed explanation of the application of Docker Swarm in continuous integration testing

Use of Vue filters and custom instructions

Simple implementation method of vue3 source code analysis

MySQL scheduled full database backup