HTML markup language - reference

HTML markup language - reference
Click here to return to the 123WORDPRESS.COM HTML Tutorial section.
Previous: Markup Language - Evil Tables <br />Original Source

Chapter 4 References
“Misquotations are the only quotations tha are never misquoted”
-Hesketh Pearson
All types of websites use citations frequently, whether they are citing content from other pages, authors, or publications, and it is helpful to have a standard way to mark up citations. Because once you have the structure, all you need is some simple CSS to turn the quotes into beautiful design elements.
Let’s look at three different ways to mark up quotes and discuss the pros and cons of each. Once we’ve found the best approach, we’ll look at which of these related elements and styles are best for marking up lengthy quotes.
Let’s take a closer look at each method and find the best “tool” for the job, and more importantly, why it’s the best tool. Approach A: Lack of semantics

<p>"Misquotations are the only quotations that are never misquoted."</p>
<p>&#8212; Hesketh Pearson</p>

When using a quote within a page, you will usually want it to look different from the rest of the text, ideally to remind the reader that the content is from somewhere else and to separate it (using appropriate methods) from the normal reading order of the rest of the content.
Method A is marked the same way as other paragraphs on the page, so there is no way to set a different style for it. The double quotes in the content become the only clue to the quoted content.

By the way, in this method and the following two examples, &#8212; is the HTML code for the long dash (that is, "—"), and the decimal representation method is used here. This is the most reliable method that supports all browsers. Alternatively, you can use&mdash;

Previous Page 1 2 3 4 Next Page Read Full Article

<<:  How to change the domestic image source for Docker

>>:  Detailed explanation of the role and principle of key in Vue

Recommend

Example code for implementing beautiful clock animation effects with CSS

I'm looking for a job!!! Advance preparation:...

MySQL configuration SSL master-slave replication

MySQL5.6 How to create SSL files Official documen...

Complete the search function in the html page

Recently I've been working on a framework tha...

Study notes to write the first program of Vue

Table of contents 1. Write an HTML, the first Vue...

Nginx configuration and compatibility with HTTP implementation code analysis

Generate SSL Key and CSR file using OpenSSL To co...

Example of using CSS3 to create Pikachu animated wallpaper

text OK, next it’s time to show the renderings. O...

Detailed explanation of long transaction examples in MySQL

Preface: The "Getting Started with MySQL&quo...

How to redirect to other pages in html page within two seconds

Copy code The code is as follows: <!DOCTYPE ht...

Specific use of the wx.getUserProfile interface in the applet

Recently, WeChat Mini Program has proposed adjust...

Detailed explanation of the implementation of nginx process lock

Table of contents 1. The role of nginx process lo...

How to use negative margin technology to achieve average layout in CSS

We usually use float layout to solve the compatib...

MySQL/MariaDB Root Password Reset Tutorial

Preface Forgotten passwords are a problem we ofte...