ブラウザで見やすくする！PHPで改行処理を行う方法【初心者向け】
プログラミング初心者向けにPHPで改行処理を行う方法について解説しています。HTMLではbrタグを使用しますが、PHPで様々な書き方ができます。自動で改行タグを入れることもできるので、ぜひ書き方をマスターしておきましょう。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
監修してくれたメンター
nakamoto
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が表示されています。
ソースコード内の改行
ブラウザ上で右クリック→「ページのソースを表示」を選択したときの画面です。ソースコード上でも同じように、ふたつの文字列は続けて表示されており改行はされていません。
ブラウザ上で改行する方法
ブラウザ上での表示においての改行には<br />を使用します。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<?php
echo "文字列1<br />";
echo "文字列2";
?>
</body>
</html>
ここでは「文字列1」のあとに<br />を入れて改行しています。
画面ではこのようになります。「文字列1」で改行され、次の行に「文字列2」が表記されています。
また、<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プログラミングで挫折しない学習方法を動画で公開中
ソースコード内で改行する方法
ブラウザ上での表示においての改行には\nを使用します。
※\nの部分はフォントの環境によって半角のバックスラッシュか円のマークになりますが、どちらも動作は同じになります。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<?php
echo "文字列1\n";
echo "文字列2";
?>
</body>
</html>
ここでは「文字列1」のあとに\nを入れて改行しています。
画面ではこのようになります。「文字列1」と「文字列2」の間に空白が入りますが改行はされていません。
ブラウザ上で右クリック→「ページのソースを表示」を選択しソースコードを表示します。ソース内では「文字列1」のあとで改行され、「文字列2」が二行目に表示されます。
また、\nによる改行は以下のように指定することもできます。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<?php
echo "文字列1\n文字列2";
?>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<?php
echo "文字列1";
echo "\n";
echo "文字列2";
?>
</body>
</html>
実は私も！？独学で損する人の特徴
「スクールは高いから独学で成功する」という気持ちの方は多いと思います。
もちろんその方が金額は低く抑えられるでしょう。
ただ
独学には向き不向きがあり、実はスクールが向いている人も大勢います。
そんな方のために参考として、
テックアカデミー卒業生がスクールを選んだ理由
をご紹介します。
- ・困って挫折しそうなときに、質問や相談できる相手がいる環境で学んでいきたいなと思った
- ・わかった気になっているだけだったので、自分を追い込む環境に置いた方がいいと感じた
- ・スクールのカリキュラムで市場に求められるスキルを学ぶべきと思った
少しでも当てはまる部分があれば、
スクールが向いているかもしれません。
お試しのつもりで、まずは一度
無料体験
に参加してみませんか？
初心者でも最短1時間で学習が体験できるカリキュラム、現役エンジニアに何でも相談できるカウンセリング、無制限のチャット質問サービス
が
すべて無料で体験
できます。
無理な勧誘は一切ない
ので、お気軽にご参加ください。
nl2brを使った自動でのタグの挿入
nl2br関数を使用すると、\nで改行した部分に自動で<br />のタグを入れることができます。
nl2br(\nによる改行を行った文字列)
nl2brでの処理を行った場合の例です。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<?php
$str = "文字列1\n文字列2\n文字列3\n文字列4\n文字列5";
$str = nl2br($str);
echo $str;
?>
</body>
</html>
ここでは<br />タグを入力していませんが、実行するとnl2brにより<br />が自動で挿入されるため画面上ではこのようになります。
また、ここでソースコードを確認すると、以下のようにタグが追加されていることが確認できます。
バックスラッシュとn(環境によっては、￥記号とn)をHTMLのbrタグに変換してくれる関数があるんですねー。
そうそう。例えば、フォームのテキストエリアタグとかに文章を書くとき、Enterキーで改行出来るよね。ソースコード上の改行を表しているんだよ。
テキストエリアタグから送られてきた文字列に使えそうですね。
そうだね。改行が多すぎれば、警告したり、改行をbrタグに直すと掲示板みたいに出来るんだ。
おわりに
自動で改行タグを入れたり、指定した箇所を改行させるのは簡単に行えます。
ちょっとブラウザで見やすくしたいなんていう時に役に立つはずなので、ぜひ覚えておきましょう。
PHPで改行コードをbrタグへ変換する方法も参考にしてみてください。
PHPをさらに勉強したい場合は、PHPで構文チェックを行う方法、PHPとHTMLをまとめてコメントアウトする方法についても合わせて読んでみてください。
PHPを学習中の方へ
これで解説は終了です、お疲れさまでした。
- つまずかず「効率的に」学びたい
- 副業や転職後の「現場で使える」知識やスキルを身につけたい
プログラミングを学習していて、このように思ったことはありませんか？
テックアカデミーのPHP/Laravelコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。
合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、PHP/Laravelを使ったWebアプリケーション開発を学べます。
まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。
時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
プログラミングを独学していて、このように感じた経験はないでしょうか？
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
独学に不安を抱えている方へ、現役エンジニア講師とマンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
厳しい試験を通過した講師
があなたの相談に真摯に向き合います。
「ただ気になることを相談したい」
「漠然としているがプロの話を聞いてみたい」
こんな気持ちでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）
