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

 トランプ記号

トランプ記号
記号 コード 特殊文字の名称 読み方 英語 解説
♥ ♥ ハート Red Heart Suit トランプ記号(ハート)
♡   ハート(白) White Heart Suit トランプ記号(ハート白)
♦ ♦ ダイア Red Diamond Suit トランプ記号(ダイア)
♢   ダイヤ(白) White Diamond Suit トランプ記号(ダイヤ白)
♠ ♠ スペード Black Spade Suit トランプ記号(スペード)
♤   スペード(白) White Spade Suit トランプ記号(スペード白)
♣ ♣ クラブ Black Club Suit トランプ記号(クラブ)
♧   クラブ(白) White Club Suit トランプ記号(クラブ白)

 音楽記号

音楽記号
記号 コード 特殊文字の名称 読み方 英語 解説
♯   シャープ sharp シャープ
♭   フラット flat フラット
♮   ナチュラル natural ナチュラル
♩   4分音符 quarter note 4分音符
♪   8分音符 eighth note 8分音符
♫   8分音符の連桁   連桁付き8分音符
♬   16分音符の連桁   連桁付き16分音符

 アラビア数字の丸囲み文字

丸囲み文字(アラビア数字)
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
① ② ③ ④ ⑤
⑥ ⑦ ⑧ ⑨ ⑩
⑪ ⑫ ⑬ ⑭ ⑮
⑯ ⑰ ⑱ ⑲ ⑳

 漢数字の丸囲み文字

丸囲み文字(漢数字)
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
㊀ ㊁ ㊂ ㊃ ㊄
㊅ ㊆ ㊇ ㊈ ㊉

 曜日の丸囲み文字

丸囲み文字(曜日)
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
㊊ ㊋  ㊋ ㊌ ㊍ ㊎
㊏ ㊐            

 日本語マークの丸囲み文字

丸囲み文字(日本語マーク)
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
㊑ ㊒ ㊓ ㊔ ㊕
㊖ ㊗ ㊘ ㊙ ㊚
㊛ ㊜ ㊝ ㊞ ㊟
㊡ ㊢ ㊣ ㊤ ㊥
㊦ ㊧ ㊨ ㊩ ㊫
㊪ ㊬ ㊭ ㊮ ㊰

 カタカナの丸囲み文字

丸囲み文字(カタカナ)
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
㋐ ㋑ ㋒ ㋓ ㋔
㋕ ㋖ ㋗ ㋘ ㋙
㋚ ㋛ ㋜ ㋝ ㋞
㋟ ㋠ ㋡ ㋢ ㋣
㋤ ㋥ ㋦ ㋧ ㋨
㋩ ㋪ ㋫ ㋬ ㋭
㋮ ㋯ ㋰ ㋱ ㋲
㋳ ㋴ ㋵ ㋶ ㋷
㋸ ㋹ ㋺ ㋻ ㋼
㋽ ㋾            

 括弧記号

括弧記号
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
( ( ) ) [ [ ] ] { {
} } ‘ ’ “ ”
« « » » 〈 〉 《
》 「 」 『 』
【 】 〔 〕 〚
〛 〝 〟 〖 〗
〘 〙            

 日本語マークの括弧付き文字

括弧付き文字(日本語マーク)
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
㈱ ㈲ ㈳ ㈴ ㈵
㈶ ㈷ ㈸ ㈹ ㈺
㈻ ㈼ ㈽ ㈾ ㈿
㉀ ㉁ ㉂ ㉃    

 曜日の括弧付き文字

括弧付き文字(曜日)
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
㈪ ㈫ ㈬ ㈭ ㈮
㈯ ㈰ ㈷        

 アラビア数字の括弧付き文字

括弧付き文字(アラビア数字)
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
⑴ ⑵ ⑶ ⑷ ⑸
⑹ ⑺ ⑻ ⑼ ⑽
⑽ ⑿ ⒀ ⒁ ⒂
⒃ ⒄ ⒅ ⒆ ⒇

 漢数字の括弧付き文字

括弧付き文字(漢数字)
記号 コード 記号 コード 記号 コード 記号 コード 記号 コード
㈠ ㈡ ㈢ ㈣ ㈤
㈥ ㈦ ㈧ ㈨ ㈩

 キーボード特殊キーの読み方

キーボード特殊キーの読み方
特殊キー 読み方
Esc エスケープ
Tab タブ
CapsLock キャップスロック/キャピタルロック
Shift シフト
Ctrl/Control コントロール
Alt アルト、オルト
BS/BackSpace ビーエス/バックスペース
Enter エンター
Pause ポーズ
Break ブレーク
Ins/Insert インス/インサート
Del/Delete デル/デリート
Home ホーム
End エンド
PgUp/PageUp ページアップ
PgDn/PageDown ページダウン
PrtSc/PrintScreen プリントスクリーン
ScrLock/ScreenLock スクリーンロック
NumLock/NumberLock ナムロック/ナンバーロック

戻る