HTML Markup Language – Citations


Click here to return to the developpaer HTML tutorial column.
Above:Markup Language – Evil Forms

original source

Chapter 4 Citations
“Misquotations are the only quotations tha are never misquoted”
– Hesketh Pearson

All types of websites use citations on a regular basis, whether citing content from other web pages, authors, or publications, and it can be beneficial to mark citations in a standard way. Because once the structure is done, all it takes is some simple css to turn the reference content into a beautiful design element.
Let’s take a look at the three methods below for marking up quotes, discussing the pros and cons of each, and after we’ve found the best one, let’s examine which of these related elements and styles are used to mark long quotes. method is the best.
Let’s take a closer look at each method and find the “tool” that is most convenient for the task and, more importantly, why it’s the best tool. Method A: Lack of Semantics

<p>”Misquotations are the only quotations that are never misquoted.”</p>

<p>— Hesketh Pearson</p>

When using citations within a page, you usually want the citation to look different from the rest of the text, and it’s best to prompt the reader that the content comes from somewhere else, while (using an appropriate method) separate from the general reading order of the content.
Method A is marked in the same way as other paragraphs on the page, so we have no way to style it differently, and the double quotes in the content become the only hint to quote the content.

By the way, in this method and the following two examples – the HTML code of the long dash (that is, “-“), the decimal notation method is used here. This is the most reliable way to support all browsers. Alternatively, you can also use –