文字参照

文字参照の種類

名前付き文字参照（よく使うもの）

半角スペース	 
＆	&
<	&lt;
>	&gt;

文字参照の仕組み

タグを「テキスト」として書きたい～例～

HTMLでマークアップをするとき、一番重要な見だしの先頭に<h1>を、末尾に</h1>を入れます。

このようなテキストを表現したいときに、

このままだと、<が、タグを開始すると認識され、下記のようになってしまいます。

See the Pen Untitled by Mocha (@tomokoro) on CodePen.

同じ文章を文字参照を利用して書くと、下記のようになります。

See the Pen Untitled by Mocha (@tomokoro) on CodePen.

<の代わりに、&lt;を書くと、文字をタグとして認識されないようにすることができます。

このように、特別な意味を持つ文字を、特殊な書き方をすることで意味を失わせることを「エスケープ」といいます。

表示させたかったテキストが表現できました。