見出し画像

ブラウザでの結果をきれいに改行させたい場合

ブラウザでの結果をきれいに改行させたい場合、HTMLで改行を正しく表示するための方法を説明します。PHPコードの出力をHTMLで表示しつつ、改行を適切に処理するには、以下の方法があります。

1. HTML内での改行:PHPコードの出力内にHTMLの改行タグ<br>を追加する。

2. プレーンテキスト表示:<pre>タグを使って、改行をそのまま表示する。


例1: HTMLの改行タグを使う方法

以下のPHPコードでは、改行を表示するために<br>タグを使用しています。

<?php
echo "Hello, World!<br>";
echo "This is a new line.<br>";
?>



例2: <pre>タグを使う方法

<pre>タグを使ってPHPコードの出力をプレーンテキストとして表示し、改行をそのまま維持する方法です。

以下のPHPコードでは、出力を<pre>タグで囲みます。

<pre>
<?php
$output = "Hello, World!\nThis is a new line.";
echo $output;
?>
</pre>


出力:
Hello, World!
This is a new line.




もし`<pre>`タグを使用せずにPHPコードをブラウザで表示する場合、改行がそのまま反映されずに表示されます。具体的には、HTMLのデフォルトの挙動に従います。

以下に示すのは、`<pre>`タグを使用せずにPHPコードを記述した場合の挙動です。

### ファイル: `index.php`

```php
<?php
$output = "Hello, World!\nThis is a new line.";
echo $output;
?>
```

このPHPファイルをブラウザで表示すると、以下のようになります:

```
Hello, World! This is a new line.

```

改行文字 `\n` は、HTML内では改行として認識されず、単なる空白として表示されます。そのため、改行がそのまま反映されないため、文が連続して表示されます。

`<pre>`タグを使わない場合、ブラウザはデフォルトで改行や空白を無視してしまいます。
そのため、改行を含むテキストを正確に表示するには、`<pre>`タグを使用するか、改行をHTMLの改行タグ `<br>` で置き換える必要があります。

この記事が気に入ったらサポートをしてみませんか?