Skip to main content
CSS is fun and cool and I like it.

Quoting in HTML: Quotations, Citations, and Blockquotes

It’s all too common to see the incorrect HTML used for quotes in markup. In this article, let’s dig into all this, looking at different situations and different HTML tags to handle those situations.

There are three major HTML elements involved in quotations:

  • <blockquote></blockquote>
  • <q></q>
  • <cite></cite>

Let’s take a look.… Read article “Quoting in HTML: Quotations, Citations, and Blockquotes”


Has the Internet Killed Curly Quotes?



The quotes property in CSS allows you to specify which types of quotes are used when quotes are added via the content: open-quote; or content: close-quote; rules. Here’s how to use it:

q {
  quotes: "“" "”" "‘" "’";
q::before {
    content: open-quote;
q::after {
    content: close-quote;

In the example above, four values are added. A set of double smart quotes and a pair of single smart quotes. It’s slightly confusing as each quote is wrapped in … Read article “quotes”