2012年11月18日日曜日

[HTML]Bloggerで¥マークを表示する方法(HTML実体参照)

Bloggerで ¥ マークを表示しようとして文章作成中に ¥ を入力すると、\ で表示されます。

これを正しく ¥ マークで表示するには、[HTML]表示にして、¥ 記号の代わりに文字実体参照(文字の名前)である ¥ と書けば表示することができます。(セミコロンまで必要)
また、文字コードを用いた数値文字参照でも表示できます。この場合も[HTML]表示で ¥ と入力します。(¥ を知ってれば特に知らなくても大丈夫)

反対にBlogger の投稿編集中、WYSIWYG 画面([作成]の画面)で文字を入力し、[HTML]表示にすると自動的に文字実体参照に置き換わって表示されるものもあったりします。

○や□が小さく○や□と表示されてしまうのは文字コードの問題ではなくてフォントの問題です。
こちらに解決方法をまとめています。

■ よく使われるもの
表示される文字文字実体参照数値文字参照
(10進表記)
数値文字参照
(16進表記)
説明
¥¥¥¥円マーク
" "   (改行をしない)空白
<&lt;&#60; &#x3C;小なり
>&gt;&#62; &#x3E;大なり
&&amp;&#38; &#x26;アンパサンド
"&quot;&#34; &#x22;ダブルクォーテーションマーク
'&apos; &#39; &#x27;シングルクォーテーションマーク

■ その他/おまけ
表示される文字文字実体参照数値文字参照
(10進表記)
数値文字参照
(16進表記)
説明
©&copy; &#169; &#xA9;Copyright(著作権)
®&reg; &#174; &#xAE;Registerd(登録商標)
€&euro;&#8364;&#x20ac;ユーロ
•&bull;&#8226;&#x2022;ブリット(黒丸の点)
↓&darr;&#8594;&#x2192;下向き矢印
↵&crarr;&#8629;&#x21b5;改行のマークに似た矢印
□--&#9632;&#x25a0;白四角
■--&#9633;&#x25a1;黒四角
○--&#9675;&#x25cb;白丸
●--&#9679;&#x25cf;黒丸
♀--&#9792;&#x2640;女性(フェミニン)
♂--&#9794;&#x2642;男性(マスキュラ)
♠&spades;&#9824;&#x2660;スペード
♣&clubs;&#9827;&#x2663;クラブ
♥&hearts;&#9829;&#x2665;ハート
♦&diams;&#9830;&#x2666;ダイヤ
♪--&#9834;&#x266A;音符記号
①--&#9312;&#x2460;1
②--&#9313;&#x2461;2
③--&#9314;&#x2462;3
④--&#9315;&#x2463;4
⑤--&#9316;&#x2464;5
⑥--&#9317;&#x2465;6
⑦--&#9318;&#x2466;7
⑧--&#9319;&#x2467;8
⑨--&#9320;&#x2468;9
⑩--&#9321;&#x2469;10
⑪--&#9322;&#x246a;11
⑫--&#9323;&#x246b;12
⑬--&#9324;&#x246c;13
⑭--&#9325;&#x246d;14
⑮--&#9326;&#x246e;15
⑯--&#9327;&#x246f;16
⑰--&#9328;&#x2470;17
⑱--&#9329;&#x2471;18
⑲--&#9330;&#x2472;19
⑳--&#9331;&#x2473;20(1~20まで連番のコード)
㉑--&#12881;&#x3251;21
㉒--&#12882;&#x3252;22
㉓--&#12883;&#x3253;23
㉔--&#12884;&#x3254;24
㉕--&#12885;&#x3255;25
㉖--&#12886;&#x3256;26
㉗--&#12887;&#x3257;27
㉘--&#12888;&#x3258;28
㉙--&#12889;&#x3259;29
㉚--&#12890;&#x325a;30
㉛--&#12891;&#x325b;31
㉜--&#12892;&#x325c;32
㉝--&#12893;&#x325d;33
㉞--&#12894;&#x325e;34
㉟ --&#12895;&#x325f;35(21~35まで連番のコード)
㊱--&#12977;&#x32b1;36
㊲--&#12978;&#x32b2;37
㊳--&#12979;&#x32b3;38
㊴--&#12980;&#x32b4;39
㊵--&#12981;&#x32b5;40
㊶--&#12982;&#x32b6;41
㊷--&#12983;&#x32b7;42
㊸--&#12984;&#x32b8;43
㊹--&#12985;&#x32b9;44
㊺--&#12986;&#x32ba;45
㊻--&#12987;&#x32bb;46
㊼--&#12988;&#x32bc;47
㊽--&#12989;&#x32bd;48
㊾--&#12990;&#x32be;49
㊿--&#12991;&#x32bf;50(36~50まで連番のコード)


HTML Tips のページに戻る

0 件のコメント:

コメントを投稿