PAGE TOP

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

HTML教材

HTML/Special character

HTML 初心者向け講座

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

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

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

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

特殊文字 (Special character) とは?

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

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

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

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

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

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

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


Menu

 HTMLで使用される特殊文字

使用される特殊文字
記号 コード 特殊文字の名称 読み方 英語 解説
      ノーブレークスペース no-break space 折り返しを起こさない(ホワイトスペースではない)半角の空白
< &#60; &lt; 小なり、レスザン less than sign 不等号
> &#62; &gt; 大なり、グレーターザン grater than sign 不等号
& &#38; &amp; アンパサンド、アンド ampersand アンパサンド
" &#34; &quot; ダブルクォーテーション double quotation mark 二重引用符(半角)
&#153; &trade; トレード trademark トレードマーク(商標)
© &#169; &copy; コピーライト copyright 著作権記号
® &#174; &reg; アールマーク/マルアール The registered trademark symbol 登録商標マーク
² &#178; &sup2; スクエア squared 二乗
³ &#179; &sup3; キュービック cubed 三乗

 HTMLで使用される空白文字

使用上の注意点!

空白文字は、文字間隔を調整する目的で使用しないでください。

その理由は、空白文字で文字間隔を調整すると、空白文字の入っている検索語や検索文が検索でヒットしなくなったり、Webサイトの文章を音声で読み上げてくれる自動読み上げが正しい読み上げを行えないなど困ったことになるからです。

文字間隔を調整したい場合は、必ずスタイルシートを利用するようにしましょう。

空白文字(スペース)特殊文字
記号 コード 特殊文字の名称 読み方 英語 空白幅 解説
  &#160; &nbsp; ノーブレークスペース no-break space = non-breaking space

スペースの広さ

→ ←

無視・改行されない空白
&#8194; &ensp; ENスペース en space

スペースの広さ

→ ←

n の字の幅の空白(半角スペース)
&#8195; &emsp; EMスペース em space

スペースの広さ

→ ←

m の字の幅の空白(全角スペース)
&#8201; &thinsp; スィンスペース thin space

スペースの広さ

→ ←

せまい空白

 HTMLで使用される記号

使用される記号
記号 コード 特殊文字の名称 読み方 英語 解説
" &#34; &quot; ダブルクォーテーション double quotation mark 二重引用符(半角)
& &#38; &amp; アンパサンド、アンド ampersand アンパサンド(半角)
' &#39;

XMLでは&apos;

(&apos;はHTMLの仕様には存在しない)

シングルクォーテーション single quotation mark 引用符
< &#60; &lt; 小なり、レスザン less than sign 小なり記号(半角)
> &#62; &gt; 大なり、グレーターザン grater than sign 大なり記号(半角)
&#128; &euro; ユーロ euro ユーロ記号
&#8222;       閉じ引用符(ドイツ語)
&#8230;       三連ドット
&#8224;   剣標、ダガー、短剣符   セクション記号
&#8225;   二重剣標、ダブルダガー、二重短剣符   セクション記号
&#137; &permil; パーミル   パーミル
&#8249;        
&#8226;        
&#153; &trade; トレード   トレードマーク(商標)
&#8250;        
  &#160; &nbsp; ノーブレークスペース no-break space 折り返しを起こさない(ホワイトスペースではない)半角の空白
¡ &#161; &iexcl; エクスクラメーション・マーク inverted exclamation mark 逆感嘆符
¢ &#162; &cent; セント cent sign セント記号
£ &#163; &pound; ポンド pound sign ポンド記号
¤ &#164; &curren; カレンシー Currency sign (typography) 国際通貨記号(不特定通貨記号)
¥ &#165; &yen; 円マーク yen sign 円記号
¦ &#166; &brvbar; ブロークンバー broken bar 縦破線
§ &#167; &sect; セクション section sign 節記号
¨ &#168; &uml; ウムラウト spacing diaeresis/Umlaut (linguistics) 分音記号(ウムラウト)
© &#169; &copy; コピーライト copyright sign 著作権記号
ª &#170; &ordf;   feminine ordinal indicator 女性序数標識
« &#171; &laquo;   left-pointing double angle quotation mark = left pointing guillemet 左角引用符
¬ &#172; &not;   not sign 論理否定記号
­ &#173; &shy; ハイフン soft hyphen = discretionary hyphen 単語の途中で折り返される場合につくハイフン
® &#174; &reg; アールマーク/マルアール The registered trademark symbol 登録商標マーク
¯ &#175; &macr; オーバーライン macron = spacing macron = overline = APL overbar 長音符、オーバーライン
° &#176; &deg; ど/デグリー Degree symbol 単位記号
± &#177; &plusmn; プラスマイナス plus-minus sign = plus-or-minus sign プラスマイナス記号
² &#178; &sup2;   superscript two = superscript digit two = squared 上つき2、二乗
³ &#179; &sup3;   superscript three = superscript digit three = cubed 上つき3、三乗
´ &#180; &acute;   acute accent = spacing acute 揚音符
µ &#181; &micro; ミュー micro sign ミクロン記号
&#182; &para; パラグラフ、段標 pilcrow mark 段落記号
· &#183; &middot;   middle dot = Georgian comma = Greek middle dot 中黒
¸ &#184; &cedil;   cedilla = spacing cedilla セディラ (ÇなどのCの下のコンマ形の符号)
¹ &#185; &sup1;   superscript one = superscript digit one 上つき1
º &#186; &ordm;   masculine ordinal indicator 男性序数標識
» &#187; &raquo;   right-pointing double angle quotation mark = right pointing guillemet 右角引用符
¼ &#188; &frac14;   vulgar fraction one quarter = fraction one quarter 4分の1
½ &#189; &frac12;   vulgar fraction one half = fraction one half 2分の1
¾ &#190; &frac34;   vulgar fraction three quarters = fraction three quarters 4分の3
¿ &#191; &iquest;   inverted question mark = turned question mark 逆疑問符
&#8539;       8分の1
&#8540;       8分の3
&#8541;       8分の5
&#8542;       8分の7

次へ