制作者の活動(PR)。

アイドル女優・堀北真希ちゃんにうさぎの耳を付けたら可愛いだろうなと思って作った制作者の創作キャラクタ
主な作品

ソフトレンズを装着している堀北真希うさぎを描いたイラストと仮想TVCM動画〜昔のボシュロムの製品『オプティマ』のCM風に〜

文字参照について。

キーボードで直接打ち込めない文字や記号は、文字参照で入力する事が出来ます

このページでは日本語サイトでよく使われそうな記号の文字参照を一部紹介します。

文字参照について・目次。

文字参照とは。

HTML入門篇実体参照でも書きましたが、例えば < と言う文字は、タグやマーク宣言などを記述するため、一般のテキストなどに書くと拙い事になります。

このため、実体参照数値文字参照を用いて記述する事になります。

これら文字参照を用いる事で、HTML文書に生で記述すると拙い文字だけでなく、キーボードの制約で打ち込めない文字も表せます。

実体参照と数値文字参照の違い。

実体参照数値文字参照の違いは、前者が文字を表すキーワードで記述するのに対して、後者は文字コードを指定するものです。

数値文字参照で用いられる文字コードはユニコードとなります。

ここでは、幾つか使う事の多そうなものを幾つか撰んで紹介します。

文字参照を使う上での注意事項。

旧式のブラウザには、文字参照に対応出来ないものもあります。

特にネットスケープ 4.xでは、HTML入門篇実体参照で解説したものを除くと、殆どの文字参照が正しく表示されません。

実際には、実体参照で表示出来ない環境でも、数値文字参照だと表示出来る場合が多いようです。

携帯電話では、HTML入門篇実体参照で解説したもの以外は殆ど表示出来ないと思った方が良いでしょう。

文字参照の一例。

ここでは、日本語サイト作りに使いそうなものを挙げておきます。

行端でも折返さない空白
実体参照
&nbsp;
数値参照
&#160;
  • 一部環境で折返す事があります。
登録商標を表すマルR
実体参照
&reg;
数値参照
&#174;
  • ネットスケープ 4.xなどでは「(R)」と表示されます。
著作権を表すマルC
実体参照
&copy;
数値参照
&#169;
  • ネットスケープ 4.xなどでは「(C)」と表示されます。
欧州通貨のユーロ記号
実体参照
&euro;
数値参照
&#8364;
  • 旧いブラウザでは表示出来ないかも知れません。
  • ネットスケープ 4.8では「EUR」と表示されました。
黒ハート
実体参照
&hearts;
数値参照
&#9829;
黒スペード
実体参照
&spades;
数値参照
&#9824;
黒ダイヤ
実体参照
&diams;
数値参照
&#9830;
黒クラブ
実体参照
&clubs;
数値参照
&#9827;
白ハート
実体参照
無し
数値参照
&#9825;
白スペード
実体参照
無し
数値参照
&#9828;
白ダイヤ
実体参照
&loz;
数値参照
&#9674;
白クラブ
実体参照
無し
数値参照
&#9831;
温泉マーク
実体参照
無し
数値参照
&#9832;

やってはいけない方法。

例えば黒ハートを出すのに半角のを書いて、それにSymbolと言うフォントを指定すると言うのが昔から使われておりますが、これはやってはいけない間違ったやり方です

黒ハートなどユニコードが与えられている記号は、明らかにカナ文字とは別の文字コードが与えられております。

ウィンドウズ版のインターネットエクスプローラではフォントのコードをそのまま使うようですが、それ以外のブラウザでは仮令(たとえ)ウィンドウズ上であっても別個の文字コードとされるため、表示させたい記号ではなく記述した文字が表示されてしまう事でしょう。

やはり文字参照を用いて書かなければならないのです。

しらぎくのウェブサイト作成入門サイトマップ

ページ外へのご案内。

marguerite.site@gmail.com