Cheat Sheet for HTML Authoring

Updated: 2013-01-20

Contents

  1. Contents
  2. Character Code Points
  3. (X)HTML 5 Polyglot
  4. RDFa
  5. Historic

Character Code Points

Characters not available on the keyboard can be entered using their Unicode code points (here, hexadecimal). Entering these characters directly into documents is prefered over using (X)HTML character references (�).

— (EM Dash (Comma like))
U+2014
– (EN Dash (A range (a "to" substitute)))
U+2013
‑ (Non-Breaking Hyphen)
U+2011
‐ (Real Hyphen)
U+2010
− (Real Minus Sign)
U+2212
  (No-break Space)
U+00A0
​ (Zero-width Space (optional line break))
U+200B
… (Ellipsis)
U+2026
⋮, ≡, ☰ (Menu (Vertical Ellipsis, Identical To, Trigram for Heaven))
U+22EE, U+2261, U+2630
‽ (Interobang), ¡ (Inverted Exclamation Mark), ¿ (Inverted Exclamation Mark)
U+203D, U+00A1, U+00BF
☺, ☹, 😉 , 😚 (Smiley, Frownie, Wink, Kiss (eyes closed))
U+263A, U+2639, U+1F609, U+1f61A
👌, 👍, (OK, Thumbs Up)
U+1F44C, U+1F44D
→, ⇄ (Arrows)
U+2192, U+21C4
✓ (Check), ✗ (x)
U+2713, U+2717
• (Bullet)
U+2022
“ and ”, ″ (Real Quotes, Double Prime (for inches))
U+201C and U+201D, U+2033
’ and ′ (Apostrophie and Prime (for feet))
U+2019 (2018 is the complement (‘)), U+2032
ñ, é, ü (n with tilde, acute e, u with diaeresis (umlaut))
U+00F1, U+00E9, U+00FC
¼, ½, ¾ (Quarters (Vulgar Fractions))
U+00BC, U+00BD, U+00BE
⅛, ⅜, ⅝, ⅞; (Eighths (Vulgar Fractions))
U+215B, U+215C, U+215D, U+215E
⅓, ⅔ (Thirds (Vulgar Fractions))
U+2153, U+2154
± (Plus-minus)
U+00B1
° (Degrees)
U+00B0
(depricated: ℉, ℃ (Degrees Fahrenheit, Degrees Celsius); U+2109, U+2103)
Ⅰ, Ⅴ, Ⅹ, Ⅼ, Ⅽ, Ⅾ, Ⅿ (Roman Numerals (Upper Case))
U+2160, U+2164, U+2169, U+216C, U+216D, U+216E, U+216F
ⅰ, ⅴ, ⅹ, ⅼ, ⅽ, ⅾ, ⅿ (Roman Numerals (Lower Case))
U+2170, U+2174, U+2179, U+217C, U+217D, U+217E, U+217F
™ (Trademark)
U+2122
℅ (Care Of)
U+2105
฿, ₭ (Thai Baht, Laos Kip)
U+0E3F, U+20AD

(X)HTML 5 Polyglot

Create HTML 5 (markup, HTML 4 differences) documents that can be both HTML and XML (XHTML). See the W3C's Polyglot Markup: HTML-Compatible XHTML Documents. Not complete, just select reminders.

<!DOCTYPE html>
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8"/>
<title></title>
</head>
<body></body>
</html>

RDFa

When you feel like including metadata… just add the attributes (lite (or core)) to the document (unlike earlier).

Check out schema.org for vocabulary.

Historic

2012-11-09
Pre-HTML5
2004-06-29
The notes on tips and CSS are no longer here because I don't need to cheat (I now understand them) or implementations have caught up with the spec (no need for the hacks).