ブラウザで見やすくする!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が表示されています。
ソースコード内の改行
ブラウザ上で右クリック→「ページのソースを表示」を選択したときの画面です。ソースコード上でも同じように、ふたつの文字列は続けて表示されており改行はされていません。
ブラウザ上で改行する方法
ブラウザ上での表示においての改行には<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 "文字列1n"; echo "文字列2"; ?> </body> </html>
ここでは「文字列1」のあとにnを入れて改行しています。
画面ではこのようになります。「文字列1」と「文字列2」の間に空白が入りますが改行はされていません。
ブラウザ上で右クリック→「ページのソースを表示」を選択しソースコードを表示します。ソース内では「文字列1」のあとで改行され、「文字列2」が二行目に表示されます。
また、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>
コスパとタイパ、両方結果的に良くなる良くなる学び方とは?
「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ
結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。
コスパ・タイパ最適化の参考として、
テックアカデミー卒業生がスクールを選んだ理由
をご紹介します。
- ・困ったときに、質問や相談できる相手がいるため挫折しなかった
- ・プロとして必要なスキルのみを深く学べたので無駄がなかった
- ・副業案件の提供と納品までのサポートがあったので目的を達成できた
安価・短期間で広く浅く学んでも意味がありません。
本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に
無料相談
に参加してみませんか?
カウンセラー・現役のプロへ、何でも気軽に無料相談可能。
30分か60分お好きな時間が選べて、かつ3回まで
すべて無料で
ご利用できます。
無理な勧誘は一切ない
ので、お気軽にご参加ください。
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 />が自動で挿入されるため画面上ではこのようになります。
また、ここでソースコードを確認すると、以下のようにタグが追加されていることが確認できます。
バックスラッシュとn(環境によっては、¥記号とn)をHTMLのbrタグに変換してくれる関数があるんですねー。
そうそう。例えば、フォームのテキストエリアタグとかに文章を書くとき、Enterキーで改行出来るよね。ソースコード上の改行を表しているんだよ。
テキストエリアタグから送られてきた文字列に使えそうですね。
そうだね。改行が多すぎれば、警告したり、改行をbrタグに直すと掲示板みたいに出来るんだ。
おわりに
自動で改行タグを入れたり、指定した箇所を改行させるのは簡単に行えます。
ちょっとブラウザで見やすくしたいなんていう時に役に立つはずなので、ぜひ覚えておきましょう。
PHPで改行コードをbrタグへ変換する方法も参考にしてみてください。
PHPをさらに勉強したい場合は、PHPで構文チェックを行う方法、PHPとHTMLをまとめてコメントアウトする方法についても合わせて読んでみてください。
PHPを学習中の方へ
これで解説は終了です、お疲れさまでした。
- つまずかず「効率的に」学びたい
- 副業や転職後の「現場で使える」知識やスキルを身につけたい
プログラミングを学習していて、このように思ったことはありませんか?
テックアカデミーのPHP/Laravelコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。
合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、PHP/Laravelを使ったWebアプリケーション開発を学べます。
まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。
時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします!
プログラミングを独学で学習していて、このように感じた経験はないでしょうか?
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
カウンセラーやエンジニア・デザイナー
があなたの相談に真摯に向き合います。
「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)