<li>を並べるときに・・・。

<li>にまつわるちょっとおもろいソースを見かけた。

ふつうは<li>って

<ul id="hoge">
<li>hoge</li>
<li>moge</li>
<li>yoge</li>
</ul>

って書く。

でも、まるまる上記のようなソースにすると、IE6とかで<li>の間に変な空白ができたりする。

IEって、なんか知らんけどソース内の改行をそのままhtmlで表示させたりするんですよね。

だから、よく対策として行われるのが、こういう風にソースを書く方法。

<li>hoge</li
><li>moge</li
><li>goge</li>

でも、個人的にこれはソースが見づらいのであんまり好きじゃない。

で、今日見たソースでは

<li>hoge</li><!--
--><li>moge</li><!--
--><li>soge</li>

おー、なるほど。
コメント内で改行してやるんですね。
さすがのIE6.0さんもコメント内の改行までは読み込みませんからね～！

まぁ、あまり見やすいという感じではなかったんですが、ちょっと賢いなぁと無駄に感動してしまいましたとさ。