htmlをphpで書き換えた時にソースコードを同じように改行して表示したい

Question

下記の①元のコードでソースを書いていたのですが、
変数が存在するときのみ表示するように②変更をしました。
変更して、ブラウザでソースコードを見ると③確認されたコードのように
すべて繋がって表示されてしまいました。
元のコードのように改行したりして綺麗に表示する方法はないでしょうか？

//①元のコード
<div>
<p><a href="test.php?key=com1"><button type="button">com1</button></a> </p>
</div>
<div>
<p><a href="test.php?key=com2"><button type="button">com2</button></a> </p>
</div>
<div>
<p><a href="test.php?key=com3"><button type="button">com3</button></a> </p>
</div>

//②書き直したコード
<?php
if(isset($test['com1'])){
   echo '<div"><p><a href="test.php?key=';
   echo $test['com1'] .'"><button type="button">';
   echo $test['com1'] .'</button></a> </p></div>';

}else{

}
?>

//③確認されたコード
<div><p><a href="test.php?key=com1"><button type="button">com1</button></a></p></div><div><p><a href="test.php?key=com2"><button type="button">com2</button></a></p></div><div><p><a href="test.php?key=com3"><button type="button">com3</button></a> </p></div>

Answer 1

（JavaScriptでバリバリ変更が入って、「その前」が必要という状況でなければ）手っ取り早いのは、ブラウザでF12を押して、そこのツールから確認することです。ここならきれいに整形されたDOMが確認できます。

Answer 2

"\n"をつければ改行されます。
HTMLなので、なくてもだいたい大丈夫な気もしますが

Comments

[退会済みユーザー]

ありがとうございました！解決出来ましたので、BAにさせていただきます。
基礎中の基礎を今知りました笑

[yambejp]

後付するなら\nより明示的なPHP_EOLの方がよくないでしょうか？