出力されるHTMLに改行コードが多いのは何故か
この記事は公開日より年以上経過しています
情報が古くなっている可能性がありますのでご注意ください。
a-blog cms で作られているサイトを見ると凄い改行コードがソース上に入っています。なんだこれ？って思う方も多いかもしれません。
キャプチャしたソースはカテゴリ一覧になります。配布するテンプレートには、カスタマイズしやすいように改行コードが多く入っています。では、テンプレートがどうなっているか見てみましょう。
<!-- BEGIN_MODULE Category_List -->
<div class="menuListBox">
<h3 class="naviBlogMenu">カテゴリーリスト</h3>
<!-- BEGIN category:loop -->
<!-- BEGIN ul#front -->
<ul class="txtListMenu">
<!-- END ul#front -->
<!-- BEGIN li#front -->
<li>
<!-- END li#front -->
<!-- BEGIN category:veil -->
<a href="{url}?phpMyAdmin=JhzGC9Z7ShvbMVYJCn-d4181jAf">{name}</a>
<!-- BEGIN amount:veil -->
<span> ({amount})</span>
<!-- END amount:veil -->
<!-- END category:veil -->
<!-- BEGIN li#rear -->
</li>
<!-- END li#rear -->
<!-- BEGIN ul#rear -->
</ul>
<!-- END ul#rear -->
<!-- END category:loop -->
</div>
<!-- /menuListBoxカテゴリーリスト -->
<!-- END_MODULE Category_List -->テンプレートのルールとして、＜!-- BEGIN name --＞〜＜!-- END name --＞について何も編集されない場合には表示されません。＜!-- END name --＞の後にある改行コードは残る事になりますので、上記のようなテンプレートの場合には改行が多く入ってしまう事になります。
出力されるソースをキレイにする際には、テンプレート側の改行を減らす事で対応できますが、テンプレート側が見にくくなるので、どちらかを選ぶ必要が出てきます。こだわる人は頑張って改行コードを減らしてみて下さい。
上記のカテゴリー一覧は、サブカテゴリーまでサポートしているために随分複雑になっているので、対策についてはリンク集で書いてみる事にします。まずは配布しているテンプレートのままだと見やすいけど、ソースは改行が多くなっています。
<!-- BEGIN_MODULE Links -->
<div class="menuListBox">
<h3 class="naviBlogMenu">リンク集</h3>
<ul class="txtListMenu">
<!-- BEGIN loop -->
<li><a href="{url}?phpMyAdmin=JhzGC9Z7ShvbMVYJCn-d4181jAf">{name}</a></li>
<!-- END loop -->
</ul>
</div>
<!-- /menuListBoxリンク集 -->
<!-- END_MODULE Links -->では、出力されるソースを美しくする事を考えたテンプレートに修正したものを以下に書いておきます。
<!-- BEGIN_MODULE Links -->
<div class="menuListBox">
<h3 class="naviBlogMenu">リンク集</h3>
<ul class="txtListMenu"><!-- BEGIN loop -->
<li><a href="{url}?phpMyAdmin=JhzGC9Z7ShvbMVYJCn-d4181jAf">{name}</a></li><!-- END loop -->
</ul>
</div>
<!-- /menuListBoxリンク集 -->
<!-- END_MODULE Links -->テンプレートのループが分かりにくくなりますので、正式版になったとしても配布時は今のままになると思います。とりあえず、なんでそうなっているのかが分かって頂けましたでしょうか。
更新
