New Bookstore! Save 20% on books with discount code: LAUNCH
Web Dev + WordPress + Security

Essential HTML Entities

[ Image: Two Hip Characters ] Virtually every article written here at Perishable Press requires at least one or two “special” HTML characters. Some of these characters — such as quotation marks, hyphens, and dashes — are very common, while others — such as the copyright symbol, bullet, and arrow — happen less frequently. The vast majority of special characters, however, like the latin Ä (i.e., capital letter “A” with a diaeresis), and the mathematical symbol ⊃ (i.e., superset), rarely see the light of day on most blogs, but they do exist.

As a blogger and content creator, I generally use the same set of special characters over and over again. So when I need to throw down an m-dash or right-angle quote or something, I want a guide that just gets me there. Most of the top search results include every special character known to humans. And it’s just overkill. So to boost productivity while writing content, I put together the following table of essential HTML Entities1.

Essential HTML Entities

Character Numeric Entity Named Entity Character Name
      Non-Breaking Space
« « « Left Double-Angle Quote
» » » Right Double-Angle Quote
‹ ‹ Left Single-Angle Quote
› › Right Single-Angle Quote
“ “ Left Double Quote
” ” Right Double Quote
‘ ‘ Left Single Quote
’ ’ Right Single Quote
" " " Straight Quote
' ' ' Apostrophe
‚ ‚ Single Low Quote
„ „ Double Low Quote
< &#060; &lt; Left Angle Bracket
> &#062; &gt; Right Angle Bracket
&#8592; &larr; Left Arrow
&#8594; &rarr; Right Arrow
&#8593; &uarr; Up Arrow
&#8595; &darr; Down Arrow
&#8211; &ndash; En Dash
&#8212; &mdash; Em Dash
&#8254; &oline; Overline
¦ &#166; &brvbar; Broken Vertical Bar
® &#174; &reg; Registered Symbol
© &#169; &copy; Copyright Symbol
&#8482; &trade; Trademark Symbol
& &#38; &amp; Ampersand
&#8226; &bull; Bullet
· &#183; &middot; Middle Dot
¹ &#185; &sup1; Superscript 1
² &#178; &sup2; Superscript 2
³ &#179; &sup3; Superscript 3
¢ &#162; &cent; Cent Symbol
&#8224; &dagger; Single Dagger
&#8225; &Dagger; Double Dagger
~ &#126; &tilde; Tilde

Footnotes

1 Pro Tip: To ensure proper display of Unicode characters (i.e., UTF-8 encoded), add this meta declaration to the <head> of your web page(s):

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Jeff Starr
About the Author
Jeff Starr = Creative thinker. Passionate about free and open Web.
USP Pro: Unlimited front-end forms for user-submitted posts and more.
Welcome
Perishable Press is operated by Jeff Starr, a professional web developer and book author with two decades of experience. Here you will find posts about web development, WordPress, security, and more »
BBQ Pro: The fastest firewall to protect your WordPress.
Thoughts
Take a screenshot with Firefox (no extension required). Open Developer Tools Settings and enable the “Take a screenshot” button. Then click the button :)
Take a screenshot with Chrome (no extension required). Open DevTools, type Cmd + Shift + P, then type screenshot.
After 10 years working on my 2010 iMac, my upgrade finally arrived. Shiny new iMac shipped from Ireland :)
Too much caffeine weirds me out. But I love the taste of coffee. So once in a while I enjoy a small cup of decaf. Hits the spot.
Chris Coyier is a truly awesome person. One of the finest people I've ever worked with. Just #gottasayit
Excel won't open CSV file because SYLK format? Open it with text editor and add an apostrophe ' at the beginning of the file, save changes, done.
Displaying too many social media buttons and links all over the place imho makes you look desperate and frankly kinda sad.
Newsletter
Get news, updates, deals & tips via email.
Email kept private. Easy unsubscribe anytime.