HTML & CSS：著作権記号や円記号など特殊文字まとめ

使用頻度が高い特殊文字（実体参照・数値参照）のまとめhtml code
2022.10.19

ウェブサイト制作で使う頻度が高いと思う特殊文字をまとめました。

スポンサーリンク

使う可能性が高い特殊文字

記号読み方特殊文字
（実態参照）		特殊文字
（数値参照）		説明
&アンパサンド&&ampersand
©著作権記号©©copyright
®登録商標記号®®registered trademark
™商標記号™™trademark
“引用符""quotation
‘左一重引用符‘‘left single quotation
’右一重引用符’’right single quotation
“左二重引用符““left double quotation
”右二重引用符””right double quotation
«左二重角引用符««left-angle quote
»右二重角引用符»»right-angle quote
↑上向き矢印↑↑up arrow
→右向き矢印→→right arrow
↓下向き矢印↓↓down arrow
←左向き矢印←←left arrow
↔左右両向き矢印↔↔horizontal arrow
↕上下両向き矢印↕↕vertical arrow
⇑上向き二重矢印⇑⇑up double arrow
⇒右向き二重矢印⇒⇒right double arrow
⇓下向き二重矢印⇓⇓down double arrow
⇔左右両向き二重矢印⇔⇔horizontal double arrow
⇕上下両向き二重矢印⇕⇕vertical double arrow
空 白改行なし空白  non-breaking space
空 白“m”幅空白  em size breakpoint
ほぼ全角スペース
空 白“n”幅空白  en size breakpoint
ほぼ半角スペース
空 白狭い空白  thin space
¦破断縦線¦¦broken vertical bar
·中点··middle dot
…省略記号……horizontal ellipsis
¡逆さ感嘆符¡
¡inverted exclamation mark
¿逆さ疑問符¿¿inverted question mark
‐ハイフン *‐‐hyphen
—“m”幅ダッシュ *——em dash
–“n”幅ダッシュ *––en dash
＊ハイフンとダッシュの違いについて
ハイフンとダッシュは「見た目」的には似ていますが、使い方は異なります。
それぞれの用法に注意するのが良いです。
・ハイフンは、ふたつの言葉や言葉の部分をつなぐに使われます。つなぐ言葉の間（ハイフンの前後）にスペースは入れません。
・ダッシュは、挿入句やコメントを加えるのに使います。ダッシュで挿入句を入れる際は、ダッシュの前後にスペースを入れます。

使う可能性が高い「記号系」特殊文字

記号読み方特殊文字
（実態参照）		特殊文字
（数値参照）		説明
〒郵便番号〒
〠郵便番号〠
㏍株式会社㏍
㈱株式会社㈱
№ナンバー№
℡電話番号℡
☎電話番号☎☎black telephone
☏電話番号☏white telephone
℻ファックス℻facsimile sign
✓チェック記号✓✓check mark
✔チェック記号 太字✔heavy check mark
☐チェックボックス☐ballot box
☑チェック済みボックス☑ballot box with check
★黒星★★black star
☆白星☆☆white star

他にもたくさんありますが、とりあえずサイト制作でよく使いそうなものをまとめました。

ご参考になれば幸いです♪

スポンサーリンク

Yuka-K’s おすすめ

GEEK JOB ITエンジニア スピード転職コース

未経験からITエンジニアを目指す！
東京都、埼玉県、千葉県、神奈川県で未経験からITエンジニアに転職したいかたは要チェック。

・IT業界以外のお仕事から転職してITエンジニアになりたい
・手に職をつけたい・技術を身につけたい
・すぐに就職したい
・現場で学びながらキャリアアップしたい

徹底した採用者目線で学習支援と就職支援をしてくれるので、転職成功率は95%以上！
1～3か月のコースでインフラ技術を学び、ITエンジニアとして就職しませんか？
コース詳細をチェックして、オンライン無料個別カウンセリングに参加してみましょう。

GEEK JOB オンライン無料カウンセリング

 

タイトルとURLをコピーしました