Macintosh Keyboard Symbols on the web

19 October 2009 · 0 comments

A handy reference for those who need to represent characters from the Mac keyboard on web pages.

 

Mac keys.

Mac keys.

I’ve been going through my MacTips website sorting out broken images as things, as I described in Make a WordPress image Gallery .

Sometimes I edit the Tips a little, maybe adding an update, or improving the HTML coding. This morning I wanted to add keyboard symbols for the Command, Option and Escape keys.

I’ve searched out such HTML coding before now and have the ⌘ (Command) and ⌥ (Option) keys sorted. I found myself ferreting out the Escape key symbol though: ⎋

I found it handily included in a huge list of keys at The Macintosh Biblioblog:

Lot’s of folks come here looking for the Mac key symbol for the alt key or the option key or the control key or the open apple key, or other standard symbols for the Macintosh keyboard. Apparently it is a handy reference to have all the popular symbols for the special keys on the keyboard. Here they are more or less in order from left to right, including Unicode Hex code point references.

The HTML trick

Here’s the trick for those who, like me, want the HTML entities: view the source of the web page.

Here are a few of the most useful:

Command: ⌘
⌘
Option: ⌥
⌥
Control: ⌃
⌃
Shift: ⇧
⇧
Tab: ⇥
⇥
Escape: ⎋
⎋

MarsEdit Text Markup shortcuts

Markup macro in MarsEdit.

Markup macro in MarsEdit.

If you use MarsEdit for creating blog posts remember to add things like this as Text Markup Shortcuts.

I’ve added the Text Markup button to my Toolbar. Add a key command for the macro if you like too.

Then in future it’s easy to call up the required HTML coding from the Toolbar or menu without having to fossick round websites looking for it.

Clip to Evernote

Be the first to comment ⇒

Tell us what you think.
Note: there may be a delay before your comment appears. I now approve all comments from new visitors, in an attempt to keep spam at bay.

Add your Comment

Older Post:

Newer Post: