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/"> <p>A large quotation. The content of a blockquote element must include block-level elements such as headings, lists, paragraphs or div's.</p> <p>cite can be used to specify the location (in the form of a URI) where the quote has come from.</p> </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: <p>And <cite>Bob</cite> said <q>No, I think it's a banana</q>.</p> 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
Recommend
Detailed explanation of simple html and css usage
I will use three days to complete the static page...
Implementation of CSS equal division of parent container (perfect thirds)
The width of the parent container is fixed. In or...
How to check the version of Kali Linux system
1. Check the kali linux system version Command: c...
Learn how to use JavaScript's new Element Traversal property to traverse child elements
Table of contents 1. ChildNodes attribute travers...
How to modify the default encoding of mysql in Linux
During the development process, if garbled charac...
Vue3.0 uses the vue-grid-layout plug-in to implement drag layout
Table of contents 1. Plugins 2. Interlude 3. Impl...
How to set a dotted border in html
Use CSS styles and HTML tag elements In order to ...
Ubuntu 20.04 Best Configuration Guide (Newbie Essential)
1. System Configuration 1. Turn off sudo password...
MySQL 5.6.33 installation and configuration tutorial under Linux
This tutorial shares the installation and configu...
Understanding JavaScript prototype chain
Table of contents 1. Understanding the Equality R...
About Vue to eliminate repeated prompts when refreshing the page when the Token expires
When the token expires, refresh the page. If the ...
Use render function to encapsulate highly scalable components
need: In background management, there are often d...
Practice of el-cascader cascade selector in elementui
Table of contents 1. Effect 2. Main code 1. Effec...
How does Vue implement communication between components?
Table of contents 1. Communication between father...
56 practical JavaScript tool functions to help you improve development efficiency
Table of contents 1. Digital Operation (1) Genera...