divタグが多用されている経済産業省のページのdivタグを可視化してみた

はてなブックマークとかで盛り上がってたのを見て、せっかくなので、divにborderかけてみたらすごいことになった。

話題なのはこのページ

ページ自体は古め*1

divの数は下のコードで数えたらページ全体で309個あった。

firebugにjQuery検証機能を付けるFireQueryというのを使ってjQueryで適当に以下のコードを実行した。

var c=new Array("red","yello","blue","green","black","pink");
$("div").each(function(i){
    $(this).attr("style",("border:1px solid "+c[i%6]))
})

こんなHTMLどうやって作ったんだろうか。

もし手打ちなら根気の居る作業だったんだろうなぁと思いました。

さっきのdivだらけのページのソース見たらDWのテンプレタグがあったのでDWぽいけど、タグわからない人が闇雲に更新したのかなと思います。 URL

改行がすごい多い。６４６９行。