PAGE TOP

  • イアルマスWebデザイン教室へ、ようこそ!
  • レッスン場所は「京都市北区」で「無料駐車場完備」
  • 基礎から「Webデザイン」や「DTPデザイン」を学べる、
  • 個別レッスンのパソコン教室。
  • Macも大歓迎。
  • 人気コースは次の通り。
  • ホームページ作成方法を学ぶ「Webデザインコース」
  • レスポンシブWebデザインやSEOに対応。
  • グラフィックデザイナーや映像クリエイターを目指す
  • 「Illustratorコース」「Photoshopコース」
  • もちろん、初心者、初歩からレッスン可能。
  • OSは「Mac」「Windows」共にok!
  • 確実にPC技能をマスターしてみましょう?

HTML教材

HTML/Special character

HTML 初心者向け講座

特殊文字で文字化けしないように変換しよう!!

ホームページを作っているとき、全角のスペースだと入力した分だけ空白文字が挿入されますが、半角だと1つ分だけしかできなくて困っている方いませんか。

また、特殊な記号を入力したくてもできないなど、悩まれている方もいませんか。

そんな時は、「文字実体参照」という特殊文字を表示させるコードを記述をするだけで、「特殊文字」を簡単に表示させることができます。

特殊文字 (Special character) とは?

特殊文字 (Special character) とはプログラムの性質上、直接記述することができない記号や特殊な文字のこと。

Webページで特殊文字を表示させるには、次の2通りの記述パターンを使用します。

最後の「;」(セミコロン記号)を入力させることを忘れないようにして下さい。

  • ① コードを記述させる方法:「&」+「#」+「番号」+「;」
  • ② 特殊文字の名称を記述させる方法:「&」+「特殊文字の名称」+「;」

※パソコンの環境によって、表示できないこともありますので、使用できるかどうかをブラウザーのプレビューで必ず確認しましょう。

特殊文字は次のコンバーターで変換することもできます。

文字や文字列を実体参照に変換


Menu

 ローマ数字

ローマ数字
記号 コード 記号 コード
Ⅰ Ⅱ
Ⅲ Ⅳ
Ⅴ Ⅵ
Ⅶ Ⅷ
Ⅸ Ⅹ
Ⅺ Ⅻ
ⅰ ⅰ
ⅲ ⅳ
ⅴ ⅵ
ⅶ ⅷ
ⅷ ⅹ

 ギリシャ文字

ギリシャ文字
記号 コード 記号 コード
Α Α Β Β
Γ Γ Δ Δ
Ε Ε Ζ Ζ
Η Η Θ Θ
Ι Ι Κ Κ
Λ Λ Μ Μ
Ν Ν Ξ Ξ
Ο Ο Π Π
Ρ Ρ Σ Σ
Τ Τ Υ Υ
Φ Φ Χ Χ
Ψ Ψ Ω Ω
α α β β
γ γ δ δ
ε ε ζ ζ
η η θ θ
ι ι κ κ
λ λ μ μ
ν ν ξ ξ
ο ο π π
ρ ρ ς ς
σ σ τ τ
υ υ φ φ
χ χ ψ ψ
ω ω    

 矢印記号

矢印記号
記号 コード 記号 コード
← ↑
→ ↓
#8598; ↗
↘    
↔ ↕
↵    
⇐ ⇒
⇔ ⇕
⇖ ⇗
⇘ ⇙
⇝    
‹ ›
< &lt; > &gt;
&#12296; &#12297;
&#8249; &#8250;
&and; &or;
« &laquo; » &raquo;
&#12298; &#12299;
&#8810; &#8811;
&#9650; &#9651;
&#9652; &#9653;
&#9654; &#9655;
&#9656; &#9657;
&#9658; &#9659;
&#9660; &#9661;
&#9662; &#9663;
&#9664; &#9665;
&#9666; &#9667;
&#9668; &#9669;
&#9698; &#9699;
&#9700; &#9701;
&#9756; &#9757;
&#9758; &#9759;

 単位

単位
記号 コード 記号 コード
&#8451; &#8453;
&#8457; &#8467;
Ω &#937; &#8487;
&#8494; &#13169;
&#13170; &#13171;
&#13172; &#13173;
&#13184; &#13185;
&#13186; &#13187;
&#13188; &#13189;
&#13190; &#13191;
&#13192; &#13193;
&#13194; &#13195;
&#13196; &#13197;
&#13198; &#13199;
&#13200; &#13201;
&#13202; &#13203;
&#13204; &#13205;
&#13206; &#13207;
&#13208; &#13209;
&#13210; &#13211;
&#13212; &#13213;
&#13214; &#13215;
&#13216; &#13217;
&#13218; &#13219;
&#13220; &#13221;
&#13222; &#13223;
&#13224; &#13225;
&#13226; &#13227;
&#13228; &#13229;
&#13230; &#13231;
&#13232; &#13233;
&#13234; &#13235;
&#13236; &#13237;
&#13238; &#13239;
&#13240; &#13241;
&#13242; &#13243;
&#13244; &#13245;
&#13246; &#13247;
&#13248; &#13249;
&#13250; &#13251;
&#13252; &#13253;
&#13254; &#13255;
&#13256; &#13257;
&#13258; &#13259;
&#13260; &#13261;
&#13262; &#13263;
&#13264; &#13265;
&#13266; &#13267;
&#13268; &#13269;
&#13270; &#13271;
&#13272; &#13273;
&#13274; &#13275;
&#13276; &#13277;
&#13056; &#13057;
&#13058; &#13059;
&#13060; &#13061;
&#13062; &#13063;
&#13064; &#13065;
&#13066; &#13067;
&#13068; &#13069;
&#13070; &#13071;
&#13072; &#13073;
&#13074; &#13075;
&#13076; &#13077;
&#13078; &#13079;
&#13080; &#13081;
&#13082; &#13083;
&#13084; &#13085;
&#13086; &#13087;
&#13088; &#13089;
&#13090; &#13091;
&#13092; &#13093;
&#13094; &#13095;
&#13096; &#13097;
&#13098; &#13099;
&#13100; &#13101;
&#13102; &#13103;
&#13104; &#13105;
&#13106; &#13107;
&#13108; &#13109;
&#13110; &#13111;
&#13112; &#13113;
&#13114; &#13115;
&#13116; &#13117;
&#13118; &#13119;
&#13120; &#13121;
&#13122; &#13123;
&#13124; &#13125;
&#13126; &#13127;
&#13128; &#13129;
&#13130; &#13131;
&#13132; &#13133;
&#13134; &#13135;
&#13136; &#13137;
&#13138; &#13139;
&#13140; &#13141;
&#13142; &#13143;

戻る  次へ