-
Notifications
You must be signed in to change notification settings - Fork 0
Home
Michael Hulse edited this page Mar 2, 2017
·
1 revision
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.
- CSS Wizardry: Pragmatic, practical font sizing in CSS
- Stack Overflow: Why use
.h1
instead of actualh1
? - Google Groups: Object Oriented CSS: Headings question: Basic concept/usage?
- Stubbornella: Don’t Style Headings Using HTML5 Sections
- HTML5 Doctor: Quoting and citing with
<blockquote>
,<q>
,<cite>
, and the cite attribute - Hanging Quotation Marks
- StudioPress: How to Use Stylish and Semantically Correct Quote Elements on the Web
- Monc: Rendering Quotes With CSS
- 456 Berea Street: Quotations and citations: quoting text
- Smashing Magazine: Block Quotes and Pull Quotes: Examples and Good Practices
- A List Apart: Long Live the Q Tag
- html-5.com: HTML
<q>
Tag for Short Quotes
American English quoting rules:
- Periods and commas always go inside quotation marks, even inside single quotes.
- 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.
- When you have a question outside quoted material AND inside quoted material, use only one question mark and place it inside the quotation mark.
- Use single quotation marks for quotes within quotes. Note that the period goes inside all quote marks.
- Use quotation marks to set off a direct quotation only.
- 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.
- 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.”
- Max Design: Styling abbreviations and acronyms
- HTML5 Doctor: The abbr element
- Camen Design: Me, Myself and I — or: Abbreviations, Definitions & Citations Revisited
- Quackit.com: HTML 5
<data>
Tag - HTML5 Doctor: The time element (and microformats)
- Webmonkey: The HTML5 Time Element Is Back and Better Than Ever
- Perishable Press: Wrapping Long URLs and Text Content with CSS
- Meta Super User: CSS for the new
<kbd>
style
<ruby>
src="https://cloud.githubusercontent.com/assets/218624/3490802/e3faace4-057c-11e4-856e-734cf921205f.png">
- QuirksMode.org: The wbr tag
- Gojomo: Cross-browser invisible word-break in HTML/CSS
- html-5.com: The Tag in HTML 5
- Vanseo Design: How To Add Non-Textual Elements To A Baseline Grid
- HTML5 Doctor: HTML5 forms input types
- HTML Dog: HTML Tag: optgroup
- David Walsh: Customize Textarea Resizing with CSS
- 456 Berea Street: Styling multiple line text input controls (textarea elements) with CSS
- HTML5 Doctor: The output element
- HTML5 Doctor: The progress element
- HTML5 Doctor: Measure up with the meter tag