Pastalablog in はてな

時代はブログ! 日記もあるよ→http://pastak-diary.hatenadiary.com

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

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

話題なのはこのページ
経済産業省 会見・スピーチ 大臣記者会見
ページ自体は古め*1
divの数は下のコードで数えたらページ全体で309個あった。

検証方法

firebugjQuery検証機能を付ける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どうやって作ったんだろうか。
もし手打ちなら根気の居る作業だったんだろうなぁと思いました。

追記

追記2

id:Kanasansoftより。
改行がすごい多い。6469行。
http://www.mext.go.jp/

*1:平成16年12月22日(水)と書いてある