htmlでURLのリンクを無効にしたりaタグをそのまま表示する方法

htmlで例題としてURLやaタグなどを記入しても

リンク扱いされたり文字や画像のみが表示されてしまいます。

例題や参考として説明したい場合など、できればリンクを無効にしたり

aタグをそのまま表示させたい場合もありますよね。

そんなときに対処する方法を以下で説明します。

通常の書き方だと

URLはリンクされ

aタグでは

<a href=”http://example.com/”>サイトタイトル</a>

↑
上記のまま表示されず「サイトタイトル」だけが表示されます。

このリンクを無効にしたりタグをそのまま表示する方法は

「URLやタグの一部を文字コードに置き換える」ことです。
※文字コードについて詳しく知りたい方は【html文字参照・html数値参照】で検索してみてください。

今回使う文字コードは

<、>、”、hを

それぞれを数値文字コードに置き換えると

http://example.com/

<a href=”http://example.com/”>サイトタイトル</a>

と表示されるようになります。

※OSやブラウザの種類・バージョン等の環境により、表示されない場合があるので注意してください。