PAGE TOP

  • イアルマスWebデザイン教室へ、ようこそ!
  • レッスン場所は「京都市北区」で「無料駐車場完備」
  • 基礎から「Webデザイン」や「DTPデザイン」を学べる、
  • プライベートレッスンのパソコン教室。
  • Macも大歓迎。
  • オンライン学習もできます。
  • レッスン料金はリーズナブルで安いので、続けられると人気度レベルアップ
  • 人気コースは次の通り。
  • ホームページ作成方法を学ぶ「Webデザインコース」
  • レスポンシブWebデザインやSEOに対応。
  • グラフィックデザイナーや映像クリエイターを目指す
  • 「Illustratorコース」「Photoshopコース」
  • 「動画撮影編集コース」「YouTuber(ユーチューバー)コース」
  • もちろん、初心者、初歩からレッスン可能。
  • 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 ナムロック/ナンバーロック

戻る