bgpict2.png 
わかばマークのMacの備忘録
初心者による Mac OSX の便利な使い方や、ソフトウェアの紹介など、Macのこといろいろ。

2023 / 06

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 



http://wakabamac.blog95.fc2.com/blog-entry-261.html

Macで使うHTMLでの特殊文字 
Exposé の「é」、りんごマーク)、 (command)などの特殊文字をホームページ上で表示するには、そのまま入力しても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
         
        半角スペース
" " " " 引用符
& & & & アンパサンド
< &lt; &#60; &#x3c; 不等号(小なり)
> &gt; &#62; &#x3e; 不等号(大なり)
  &#10; &#xa; 改行
         
&lowast;     アスタリスク演算子
¬ &not;     否定
² &sup2;     平方
³ &sup3;     立方
× &times;     掛ける
÷ &divide;     割る
&radic;     ルート
&sdot;     ドット演算子
· &middot;     ミドルドット
         
  &#133;   三連ドット
&ndash;     ダッシュ(短)
&mdash;     ダッシュ(長)
  &#10003; &#x2713; checkmark
  &#9654; &#x25b6; 黒三角 右向き
  &#9655; &#x25b7; 白三角 右向き
  &#9664; &#x25c0; 黒三角 左向き
  &#9665; &#x25c1; 白三角 左向き
    &#x25c6; 黒菱形
    &#x25c7; 白菱形
    &#x25a2; 角が丸い四角
    &#x25ce; 二重丸
  &#9833;   音符
  &#9834;   音符
  &#9835;   音符

※1. shiftキーの記号「」は フォントによって形のばらつきが大きいです。

ホームページなどで表示させる場合は、spanタグなどでフォントを指定すれば、表示されます。ただしそのフォントがない環境ではうまく見れません。
(例)
<span style="font-family:'Lucida Grande','MS Pゴシック','Osaka';">&#x21e7;</span>


※2. ejectキーの記号「」は 「Lucida Grande」フォントしか対応していません(他にも対応しているものがあるかもしれないけど、知りません)。
従って、あまり汎用性のあるものではありません。
(例)
<span style="font-family:'Lucida Grande';">&#x23cf;</span>


※3. 時計マークの記号「」は 「Apple Symbols」フォントぐらいしか対応していません。
従って、あまり汎用性のあるものではありません。
(例)
<span style="font-family:'Apple Symbols','Arial Unicode MS';">&#x231a;</span>


※4. 歯車マークの記号「」は 「Apple Symbols」フォントしか対応していません。
従って、あまり汎用性のあるものではありません。
(例)
<span style="font-family:'Apple Symbols';">&#x2699;</span>


Macの修飾キーの他、使いそうなものをピックアップしてみました。
文字コードは気を付けて入力したけれど、もしかしたら打ち間違いがあるかもしれないので、注意して下さい。もし間違ってたら、コメント頂けるとありがたいです。

機種依存文字や、対応フォントの違い、ブラウザの違いなど、環境によって見え方が変わってくるので、注意して下さい。例えば、りんごマークは機種依存文字なので、Windowsでは見れません。



(参考ページ)
HTMLの特殊文字 : IT用語辞典
数値文字参照用変換スクリプト
パワーソフト・HTML特殊文字一覧
特殊文字リファレンス



(関連記事)
ショートカットキーの記号
りんごマークを入力しよう

edit

Internet | CM:1 | TB:0

tag : テキスト 

+




承認待ちコメント ---------- | 2015/05/03, 02:37 | edit
このコメントは管理者の承認待ちです


管理者にだけ表示を許可する
 

trackback URL