icon
icon

ブラウザで見やすくする!PHPで改行処理を行う方法【初心者向け】

プログラミング初心者向けにPHPで改行処理を行う方法について解説しています。HTMLではbrタグを使用しますが、PHPで様々な書き方ができます。自動で改行タグを入れることもできるので、ぜひ書き方をマスターしておきましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

PHPで改行をする方法について、テックアカデミーのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。

PHPプログラム側で改行コードを実装することで、変数などを利用した表示結果をわかりやすく実装できます。

実務でも改行コードを利用した実装をしますので、ぜひ書き方を覚えておきましょう。

目次

そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。

 

改行する前の状態

PHPの改行にはブラウザ上での改行と、ソースコード内の改行の二種類があります。

まず最初に改行する前の状態です。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <?php
      echo "文字列1";
      echo "文字列2";
    ?>
  </body>
</html>

ふたつの文字列「文字列1」「文字列2」がechoによって続けて出力されています。

 

大石ゆかり

田島メンター!ソースコード上の改行とは何でしょうか?HTMLだとbrタグで改行されますよね。

田島悠介

PHPでページに何かを出力した時に、改行を指定しないと、ソースコード上で改行されないんだよ。

大石ゆかり

テキストエディタでは、Enterキーを押せば、ソースコード上の改行になってますよね。

田島悠介

そうそう。上のecho関数を2回書いた場合にどうなるのか、例を見てみよう!

 

ブラウザ上での改行

ブラウザ上ではこのようになります。ふたつの文字列は横に並び、文字列1のすぐ後に文字列2が表示されています。

php_brn_1

 

ソースコード内の改行

ブラウザ上で右クリック→「ページのソースを表示」を選択したときの画面です。ソースコード上でも同じように、ふたつの文字列は続けて表示されており改行はされていません。

php_brn_2

 

ブラウザ上で改行する方法

ブラウザ上での表示においての改行には<br />を使用します。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <?php
      echo "文字列1<br />";
      echo "文字列2";
    ?>
  </body>
</html>

ここでは「文字列1」のあとに<br />を入れて改行しています。

画面ではこのようになります。「文字列1」で改行され、次の行に「文字列2」が表記されています。

php_brn_3

また、<br />による改行は以下のように指定することもできます。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <?php
      echo "文字列1<br />文字列2";
    ?>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <?php
      echo "文字列1";
      echo "<br />";
      echo "文字列2";
    ?>
  </body>
</html>

 

[PR] PHPを学んで未経験からWebエンジニアを目指す方法とは

ソースコード内で改行する方法

ブラウザ上での表示においての改行にはnを使用します。

nの部分はフォントの環境によって半角のバックスラッシュか円のマークになりますが、どちらも動作は同じになります。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <?php
      echo "文字列1n";
      echo "文字列2";
    ?>
  </body>
</html>

ここでは「文字列1」のあとにnを入れて改行しています。

画面ではこのようになります。「文字列1」と「文字列2」の間に空白が入りますが改行はされていません。

php_brn_4

ブラウザ上で右クリック→「ページのソースを表示」を選択しソースコードを表示します。ソース内では「文字列1」のあとで改行され、「文字列2」が二行目に表示されます。

php_brn_5

また、nによる改行は以下のように指定することもできます。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <?php
      echo "文字列1n文字列2";
    ?>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <?php
      echo "文字列1";
      echo "n";
      echo "文字列2";
    ?>
  </body>
</html>

 

nl2brを使った自動でのタグの挿入

nl2br関数を使用すると、nで改行した部分に自動で<br />のタグを入れることができます。

nl2br(nによる改行を行った文字列)

nl2brでの処理を行った場合の例です。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <?php
      $str = "文字列1n文字列2n文字列3n文字列4n文字列5";
      $str = nl2br($str);
      echo $str;
    ?>
  </body>
</html>

ここでは<br />タグを入力していませんが、実行するとnl2brにより<br />が自動で挿入されるため画面上ではこのようになります。

php_brn_6

また、ここでソースコードを確認すると、以下のようにタグが追加されていることが確認できます。

php_brn_7

 

大石ゆかり

バックスラッシュとn(環境によっては、¥記号とn)をHTMLのbrタグに変換してくれる関数があるんですねー。

田島悠介

そうそう。例えば、フォームのテキストエリアタグとかに文章を書くとき、Enterキーで改行出来るよね。ソースコード上の改行を表しているんだよ。

大石ゆかり

テキストエリアタグから送られてきた文字列に使えそうですね。

田島悠介

そうだね。改行が多すぎれば、警告したり、改行をbrタグに直すと掲示板みたいに出来るんだ。

 

おわりに

自動で改行タグを入れたり、指定した箇所を改行させるのは簡単に行えます。

ちょっとブラウザで見やすくしたいなんていう時に役に立つはずなので、ぜひ覚えておきましょう。

PHPで改行コードをbrタグへ変換する方法も参考にしてみてください。

PHPをさらに勉強したい場合は、PHPで構文チェックを行う方法PHPとHTMLをまとめてコメントアウトする方法についても合わせて読んでみてください。

 

PHPを学習中の方へ

これで解説は終了です、お疲れさまでした。

  • つまずかず「効率的に」学びたい
  • 副業や転職後の「現場で使える」知識やスキルを身につけたい

プログラミングを学習していて、このように思ったことはありませんか?

テックアカデミーのPHP/Laravelコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。

合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、PHP/Laravelを使ったWebアプリケーション開発を学べます。

まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。

時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします!