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

Solve the problem of mysql data loss when docker restarts redis

Official documentation: So mysql should be starte...

CSS3 frosted glass effect

If the frosted glass effect is done well, it can ...

5 ways to migrate Docker containers to other servers

Migration is unavoidable in many cases. Hardware ...

Implementation of automatic completion of Docker commands

Preface I don't know how long this friend has...

How to use JS to implement waterfall layout of web pages

Table of contents Preface: What is waterfall layo...

XHTML 1.0 Reference

Arrange by functionNN : Indicates which earlier ve...

Solve the installation problem of mysql8.0.19 winx64 version

MySQL is an open source, small relational databas...

Detailed explanation of docker's high availability configuration

Docker Compose Docker Compose divides the managed...

Detailed description of mysql replace into usage

The replace statement is generally similar to ins...

SQL Server Comment Shortcut Key Operation

Batch comments in SQL Server Batch Annotation Ctr...

Vue realizes cascading selection of provinces, cities and districts

Recently, I need to implement a cascading selecti...

Analysis of the cause of docker error Exited (1) 4 minutes ago

Docker error 1. Check the cause docker logs nexus...

Example code for CSS to achieve horizontal lines on both sides of the text

This article introduces the sample code of CSS to...

Implementing the preview function of multiple image uploads based on HTML

I recently wrote a script for uploading multiple ...