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

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

ふつうは<li>って

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

って書く。

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

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

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

>|html|
<li>hoge</li

<li>moge</li

<li>goge</li>

||<

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

で、今日見たソースでは

>|html|
<li>hoge</li><!--

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

||<

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

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