Skip to content
Michael Hulse edited this page Mar 2, 2017 · 1 revision

<!doctype html>

.sh*

The usefulness of the .h* classes comes into play when the size of the typography in the design does not correlate with the semantically appropriate heading levels. By splitting the problem in two, we can cleanly solve for both.

The first bit is the element/tag. The <h*> takes care of semantics, accessibility and SEO.

The second bit is the class. The .h* takes care of visual semantics and typographical hierarchy.

<hr>

<pre>

<blockquote>, <cite>, <q>

American English quoting rules:

  1. Periods and commas always go inside quotation marks, even inside single quotes.
  1. The placement of question marks with quotes follows logic. If a question is in quotation marks, the question mark should be placed inside the quotation marks.
  2. When you have a question outside quoted material AND inside quoted material, use only one question mark and place it inside the quotation mark.
  3. Use single quotation marks for quotes within quotes. Note that the period goes inside all quote marks.
  4. Use quotation marks to set off a direct quotation only.
  5. Do not use quotation marks on a direct quotation that is more than three lines in length; instead, use a colon. In this situation, leave a blank line above and below the quoted material. Single space the long quotation. Some style manuals say to indent one-half inch on both the left and right margins; others say to indent only on the left margin.
  6. When you are quoting something that has a spelling or grammar mistake or presents material in a confusing way, insert the term sic in italics and enclose it in brackets. Sic means, “This is the way the original material was.”

Quotation Marks | Colons

<dl>

<a>

<s>

<abbr>, <dfn>

<data>, <time>

<code>, <kbd>

<sub>, <sup>

<u>

<mark>

<bdi>

<wbr>

<audio>

<table>

<form>, <input>, etc.