用途
新着
履歴
分類

HTML コードや改行をそのまま表示

HTML コードや改行をそのまま表示
コードを表すcodeタグ、改行をそのまま表示するpreタグを使ったサンプルです。

プログラミングコードをサイト上に掲載したい時に、そのまま書くと当然コードとしてブラウザが解釈するので、プログラムが実行されてしまいます。

例えばリンクのタグ


<a href="/">ホーム</a>
<a href="/category/">カテゴリー</a>

これをそのままコードで表示するには以下のように書きます。


<code>
<a href="/">ホーム</a>
<a href="/category/">カテゴリー</a>
</code>

codeタグを使うことでコードとしてブラウザが解釈します。

検索ボットのコードとして解釈するらしいです。

また、上記のcodeタグだけだと改行は、ブラウザによって解釈されません。

--HTMLにおける改行は<br>だからです。

プログラミング上の改行もそのまま表示したい場合はpreタグを使います。


<pre>
<code>
<a href="/">ホーム</a>
<a href="/category/">カテゴリー</a>
</code>
</pre>

上記のように書くことでHTMLをホームページ上に掲載することができます。

このサイトでも多様しています。

公開 2022-07-31 11:02:53
更新 2022-07-31 11:18:56
このページの二次元コード
HTML コードや改行をそのまま表示

人気のサンプル

search -  category -  about
© 2024 kipure
Top