HTMLタグが表示できない!ウェブブログで文字列として表示する方法

このサイトでもそうですが、ウェブサイトを構成するHTMLタグを文字列として表示しようとすると、そのままHTMLとして扱われるため表示できません。

例えば引用タグには
<blockquote>引用する内容</blockquote>
と表記しますよね。

この事を伝えたい場合、ウェブ上に<blockquote>という文字列を表示したいです。

しかし実際にCMSや無料ブログなどの投稿画面で<blockquote>引用する内容</blockquote>と入力すると、文字列としてではなく、HTMLタグとみなされ以下のような表示になってしまいます。

引用する内容

HTMLタグは “<" で始まり ">” で終わっていますが、この部分を以下のように置き換えれば解決し、HTMLタグではなく文字列とみなされるので表示可能でになります↓

特殊文字 置き換え
< &lt;
> &gt;

例えば自分の先ほどの引用タグの例の</blockquote>であれば、スタートの “<" と終わりの ">” を上記に沿って置き換えれば表示できます。

&lt;blockquote&gt;
(投稿画面などでの入力)

<blockquote>
(サイト上の表示)

試しにF12やディベロッパーツール、要素の検証などからこのページのソースコードを見てもらえればどうなっているか分かり易いと思います。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です