html 上にて、改行コードを使用して文字列の改行を行いたい。

Question

HTML上で、改行コードを利用して、文字列の改行を行おうと思い、
コードを作成し、ブラウザで確認したのですが、
改行されておらず、改行コードもそのまま表示されてしまいます。

<p>hoge\r\nfuga</p>

結果は

hoge
fuga

というのを期待していたのですが、
実際にブラウザに表示されたのは、下記です。

hoge\r\nfuga

どなたかご教示いただけませんでしょうか？

Comments

[Lhankor_Mhy]

preを使った方が早いような気がしますが……
https://developer.mozilla.org/ja/docs/Web/HTML/Element/pre

Answer 1

改行コードというかはわかりませんが、<br>を使えば同じようなことができますよ。

<p>hoge<br>r<br>nfuga</p>

Answer 2

<?php
echo nl2br("<p>hoge\r\nfuga</p>");

Comments

[takochan1192]

ご回答いただきましてありがとうございます。

Answer 3

改行コードを利用して、文字列の改行を行おうと思い、

それは改行コードではありません。書いた通りの\r、\nという文字列としてしか認識されません。

Comments

[maisumakun]

HTML自体には、バックスラッシュに特別な意味はありません。書いた通りのバックスラッシュとして認識されるだけです。

[takochan1192]

ご指摘いただきましてありがとうございます。