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

Summary of the use of vue Watch and Computed

Table of contents 01. Listener watch (1) Function...

Detailed analysis of classic JavaScript recursion case questions

Table of contents What is recursion and how does ...

jQuery implements employee management registration page

This article example shares the specific code of ...

js to achieve drag and drop sorting details

Table of contents 1. Introduction 2. Implementati...

img usemap attribute China map link

HTML img tag: defines an image to be introduced in...

SystemC environment configuration method under Linux system

The following is the configuration method under c...

Implementation code for installing vsftpd in Ubuntu 18.04

Install vsftpd $ sudo apt-get install vsftpd -y S...

Solve the problem of garbled Chinese characters in Mysql5.7

When using MySQL 5.7, you will find that garbled ...

HTML meta explained

Introduction The meta tag is an auxiliary tag in ...

Recommended 20 best free English handwriting fonts

Jellyka BeesAntique Handwriting [ank]* Jellyka Cut...

Use Python to connect to MySQL database using the pymysql module

Install pymysql pip install pymysql 2|0Using pymy...

WeChat applet to achieve the revolving lantern effect example

Preface In daily development, we often encounter ...

How to install vim editor in Linux (Ubuntu 18.04)

You can go to the Ubuntu official website to down...