[PR]
<Apple公式ストア 期間限定>Mac整備済み製品
http://wakabamac.blog95.fc2.com/blog-entry-261.html
2007/09/01 (Sat)
Exposé の「é」、(りんごマーク)、 ⌘(command)などの特殊文字をホームページ上で表示するには、そのまま入力してもHTMLでは読み取ってくれないので、文字コードを入力しなければなりません。
うちのブログでは修飾キー(commandやoptionキーなどのこと。モディファイキーとも言う。)を表すのに「⌘」などの記号は使っていません。
いちいち調べるのが面倒なのと、編集のときにコードでは何が書いてあるのか解らないので、使っていませんでしたが、知っておいて損はないだろうと思い直して調べてみました。
特殊文字のコード表はWeb上に多く公開されていますが、Macの修飾キーなどの記号を調べられるページがない?(ググルのが不十分かも・・・)ので、自分用のメモとして。
※1. shiftキーの記号「⇧」は フォントによって形のばらつきが大きいです。
ホームページなどで表示させる場合は、spanタグなどでフォントを指定すれば、表示されます。ただしそのフォントがない環境ではうまく見れません。
(例)
<span style="font-family:'Lucida Grande','MS Pゴシック','Osaka';">⇧</span>
※2. ejectキーの記号「⏏」は 「Lucida Grande」フォントしか対応していません(他にも対応しているものがあるかもしれないけど、知りません)。
従って、あまり汎用性のあるものではありません。
(例)
<span style="font-family:'Lucida Grande';">⏏</span>
※3. 時計マークの記号「⌚」は 「Apple Symbols」フォントぐらいしか対応していません。
従って、あまり汎用性のあるものではありません。
(例)
<span style="font-family:'Apple Symbols','Arial Unicode MS';">⌚</span>
※4. 歯車マークの記号「⚙」は 「Apple Symbols」フォントしか対応していません。
従って、あまり汎用性のあるものではありません。
(例)
<span style="font-family:'Apple Symbols';">⚙</span>
Macの修飾キーの他、使いそうなものをピックアップしてみました。
文字コードは気を付けて入力したけれど、もしかしたら打ち間違いがあるかもしれないので、注意して下さい。もし間違ってたら、コメント頂けるとありがたいです。
機種依存文字や、対応フォントの違い、ブラウザの違いなど、環境によって見え方が変わってくるので、注意して下さい。例えば、りんごマークは機種依存文字なので、Windowsでは見れません。
(参考ページ)
HTMLの特殊文字 : IT用語辞典
数値文字参照用変換スクリプト
パワーソフト・HTML特殊文字一覧
特殊文字リファレンス
(関連記事)
ショートカットキーの記号
りんごマークを入力しよう
うちのブログでは修飾キー(commandやoptionキーなどのこと。モディファイキーとも言う。)を表すのに「⌘」などの記号は使っていません。
いちいち調べるのが面倒なのと、編集のときにコードでは何が書いてあるのか解らないので、使っていませんでしたが、知っておいて損はないだろうと思い直して調べてみました。
特殊文字のコード表はWeb上に多く公開されていますが、Macの修飾キーなどの記号を調べられるページがない?(ググルのが不十分かも・・・)ので、自分用のメモとして。
| 文字 | 名 前 | 10進数コード | 16進数コード | 備 考 |
|---|---|---|---|---|
| |  |  | りんごマーク | |
| ⌘ | ⌘ | ⌘ | command | |
| ⌥ | ⌥ | ⌥ | option | |
| ⇧ | ⇧ | ⇧ | shift ※1 | |
| ⌃ | ⌃ | ⌃ | control | |
| ⇥ | ⇥ | ⇥ | tab | |
| ⎋ | ⎋ | ⎋ | esc | |
| ⌫ | ⌫ | ⌫ | delete(BackSpace) | |
| ⏎ | ⏎ | ⏎ | return その1 | |
| ↩ | ↩ | ↩ | return その2 | |
| ⌤ | ⌤ | ⌤ | enter | |
| ⌦ | ⌦ | ⌦ | delete(to the right) | |
| ⌧ | ⌧ | clear | ||
| ⏏ | ⏏ | eject ※2 | ||
| ⇪ | ⇪ | caps lock | ||
| ⇞ | ⇞ | page up | ||
| ⇟ | ⇟ | page down | ||
| ↖ | ↖ | home | ||
| ↘ | ↘ | end | ||
| ⇠ | ⇠ | left | ||
| ⇡ | ⇡ | up | ||
| ⇢ | ⇢ | right | ||
| ⇣ | ⇣ | down | ||
| é | é | é | é | Exposéの é |
| ⌚ | ⌚ | 時計マーク ※3 | ||
| ⚙ | ⚙ | 歯車マーク ※4 | ||
| | 半角スペース | |||
| " | " | " | " | 引用符 |
| & | & | & | & | アンパサンド |
| < | < | < | < | 不等号(小なり) |
| > | > | > | > | 不等号(大なり) |
| | 
 | 改行 | ||
| ∗ | ∗ | アスタリスク演算子 | ||
| ¬ | ¬ | 否定 | ||
| ² | ² | 平方 | ||
| ³ | ³ | 立方 | ||
| × | × | 掛ける | ||
| ÷ | ÷ | 割る | ||
| √ | √ | ルート | ||
| ⋅ | ⋅ | ドット演算子 | ||
| · | · | ミドルドット | ||
| … | 三連ドット | |||
| – | – | ダッシュ(短) | ||
| — | — | ダッシュ(長) | ||
| ✓ | ✓ | ✓ | checkmark | |
| ▶ | ▶ | ▶ | 黒三角 右向き | |
| ▷ | ▷ | ▷ | 白三角 右向き | |
| ◀ | ◀ | ◀ | 黒三角 左向き | |
| ◁ | ◁ | ◁ | 白三角 左向き | |
| ◆ | ◆ | 黒菱形 | ||
| ◇ | ◇ | 白菱形 | ||
| ▢ | ▢ | 角が丸い四角 | ||
| ◎ | ◎ | 二重丸 | ||
| ♩ | ♩ | 音符 | ||
| ♪ | ♪ | 音符 | ||
| ♫ | ♫ | 音符 |
※1. shiftキーの記号「⇧」は フォントによって形のばらつきが大きいです。
ホームページなどで表示させる場合は、spanタグなどでフォントを指定すれば、表示されます。ただしそのフォントがない環境ではうまく見れません。
(例)
<span style="font-family:'Lucida Grande','MS Pゴシック','Osaka';">⇧</span>
※2. ejectキーの記号「⏏」は 「Lucida Grande」フォントしか対応していません(他にも対応しているものがあるかもしれないけど、知りません)。
従って、あまり汎用性のあるものではありません。
(例)
<span style="font-family:'Lucida Grande';">⏏</span>
※3. 時計マークの記号「⌚」は 「Apple Symbols」フォントぐらいしか対応していません。
従って、あまり汎用性のあるものではありません。
(例)
<span style="font-family:'Apple Symbols','Arial Unicode MS';">⌚</span>
※4. 歯車マークの記号「⚙」は 「Apple Symbols」フォントしか対応していません。
従って、あまり汎用性のあるものではありません。
(例)
<span style="font-family:'Apple Symbols';">⚙</span>
Macの修飾キーの他、使いそうなものをピックアップしてみました。
文字コードは気を付けて入力したけれど、もしかしたら打ち間違いがあるかもしれないので、注意して下さい。もし間違ってたら、コメント頂けるとありがたいです。
機種依存文字や、対応フォントの違い、ブラウザの違いなど、環境によって見え方が変わってくるので、注意して下さい。例えば、りんごマークは機種依存文字なので、Windowsでは見れません。
(参考ページ)
HTMLの特殊文字 : IT用語辞典
数値文字参照用変換スクリプト
パワーソフト・HTML特殊文字一覧
特殊文字リファレンス
(関連記事)
ショートカットキーの記号
りんごマークを入力しよう
▽同じ「タグ」が付いた関連記事
Loading
trackback URL
