【参照用】HTMLエンティティ:「 」とか「:」とか
HTMLエンティティは、アンパサンド&で始まりセミコロン;で終わるテキストの一固まりで、主に予約済み文字や見えない文字の表示に用いられます。
ウェブ開発者はHTMLドキュメント内で特別な文字や記号を正確に表現し、プログラムやコンピューターが文字を認識できない場合でも表示を保証するためにHTMLエンティティを使用します。

エンティティは文字参照「&#数値;」として実体化され、名前を使った「エンティティ名(Entity Name)」、数値を使った「エンティティ数(Entity Number)」という2つの表記方法があります。
これらはメールアドレスの隠蔽や特殊記号の表示にも応用されます。
HTMLエンティティ 一覧
| 表示される文字 | 名前での表現 | 数値での表現 | 説明 |
|---|---|---|---|
| : | : | コロン | |
|   | 改行されないスペース | |
| |   | スペース | |
| | 	 | タブ | |
| | 
 | 改行 | |
| | 
 | 復帰 | |
| ! | ! | 感嘆符 | |
| " | " | " | ダブルクォーテーション |
| # | # | シャープ | |
| $ | $ | ドル | |
| % | % | パーセント | |
| & | & | & | アンパサンド |
' | アポストロフィ | ||
| ( | ( | 開く括弧 | |
| ) | ) | 閉じる括弧 | |
| * | * | アスタリスク | |
| + | + | プラス | |
| , | , | コンマ | |
| - | - | ハイフン | |
| . | . | ピリオド | |
| / | / | スラッシュ | |
| 0~9 | 0~9 | 数字 | |
| ; | ; | セミコロン | |
| < | < | < | 小なり |
| = | = | イコール | |
| > | > | > | 大なり |
| ? | ? | 疑問符 | |
| @ | @ | アットマーク | |
| A~Z | A~Z | 大文字アルファペット | |
| [ | [ | 開く角括弧 | |
| \ | \ | バックスラッシュ | |
| ] | ] | 閉じる角括弧 | |
| ^ | ^ | キャレット | |
| _ | _ | アンダーバー | |
| ` | ` | バッククォート | |
| a~z | a~z | 小文字アルファペット | |
| { | { | 開く中括弧 | |
| | | | | 縦線 | |
| } | } | 閉じる中括弧 | |
| ~ | ~ | チルダ | |
| ‚ | ‚ | 左下のシングルクォーテーション | |
| ƒ | ƒ | フォルテ | |
| „ | „ | 左下のダブルクォーテーション | |
| … | … | 省略 | |
| † | † | ダガー | |
| ‡ | ‡ | ダブルダガー | |
| ˆ | ˆ | アクセント | |
| ‰ | ‰ | ||
| Š | Š | 小なり | |
| ‹ | ‹ | ||
| Œ | Œ | ||
| Ž | Ž | ||
| ‘ | ‘ | 左のシングルクォーテーション | |
’ | 右のシングルクォーテーション | ||
| “ | “ | 左のダブルクォーテーション | |
| ” | ” | 右のダブルクォーテーション | |
| • | • | 点 | |
| – | – | ||
| — | — | ||
| ˜ | ˜ | ||
| ™ | ™ | 商標 | |
| š | š | ||
| › | › | 大なり | |
| œ | œ | ||
| ž | ž | ||
| Ÿ | Ÿ | ||
|   | スペース | |
| ¡ | ¡ | ¡ | 反転感嘆符 |
| ¢ | ¢ | ¢ | セント |
| £ | £ | £ | ポンド |
| ¤ | ¤ | ¤ | 汎用通貨 |
| ¥ | ¥ | ¥ | 円 |
| ¦ | ¦ | ¦ | 縦破線 |
| § | § | § | セクション |
| ¨ | ¨ | ¨ | ウムラウト |
| © | © | © | コピーライト |
| ª | ª | ª | 女性序数 |
| « | « | « | 左引用 |
| ¬ | ¬ | ¬ | ノット |
| | ­ | ­ | ソフトハイフン |
| ® | ® | ® | 登録商標 |
| ¯ | ¯ | ¯ | |
| ° | ° | ° | 度 |
| ± | ± | ± | プラスマイナス |
| ² | ² | ² | 上付き2 |
| ³ | ³ | ³ | 上付き3 |
| ´ | ´ | ´ | アクセント |
| µ | µ | µ | マイクロ |
| ¶ | ¶ | ¶ | パラグラフ |
| · | · | · | 中点 |
| ¸ | &sedil; | ¸ | |
| ¹ | ¹ | ¹ | 上付き1 |
| º | º | º | 男性序数 |
| » | » | » | 右引用 |
| ¼ | ¼ | ¼ | 4分の1 |
| ½ | ½ | ½ | 2分の1 |
| ¾ | ¾ | ¾ | 4分の4 |
| ¿ | ¿ | ¿ | 反転疑問符 |
| × | × | × | 乗算 |
| ÷ | ÷ | × | 除算 |
ココで見つからないとき
補足
ふつうにブログで利用する機会があるのは、Font Awesomeのコード無効化問題(<i class="fas fa-hiking"> </i>)と、URLを書くと勝手にリンク化するのを防ぐ時くらいでしょうか。
知っておくと便利なのが他にもあればと思い、一応主要なコードをまとめました。
:
ノーブレークスペース(Non-Breaking Space)は通常のスペースとは異なり、テキストの改行を防ぎ、単語やフレーズが途中で改行されないようにします。
ノー(n)、ブレーク(b)、スペース(sp)で「 n b s p 」ですね。それを&と;で挟みます。覚えられれば、覚えときましょう。。
はてなブログでは<i class>と</i>の間に何も入っていない場合、コードが無効化(消去)されてしまいます。そのためHTML用の特殊なスペースである を挟むか、無効化されないem classに置き換えます。なお、 を挟む方法で記述した場合でも、自動的にem class版の記述に置換されます。
今のところMarkdownでは影響ないようです。
リンクの話は、たとえば、下記のようにURLを記述すると、文字列としてだけでなく、リンク機能が意図せず付与されてしまうときがあります。
これを、単純にそのまま文字列としてリンク機能をつけたくない場合、「http://」の:(コロン)の部分を、':'と記述すれば、リンクがつかなくなります。
https://rubirubi.hateblo.jp/entry/fontawesome-icon
https://rubirubi.hateblo.jp/entry/fontawesome-icon ←実際はこう書いている
出力
https://rubirubi.hateblo.jp/entry/fontawesome-icon ←リンク付いちゃった
https://rubirubi.hateblo.jp/entry/fontawesome-icon ←リンク回避!

