朝顔日記
html の視覚化
HTML DOM Visualizer - SmallStyle (2006-05-28) 経由。Websites as graphs - an HTML DOM Visualizer Applet を使うと指定したサイトの html を解析して DOM を視覚化して見せてくれるとのこと。ということで、このサイトのを試しにやってみました。
色のついた玉(何)はそれぞれ以下の要素を表わしているそうです。
- blue
- for links (the A tag)
- red
- for tables (TABLE, TR and TD tags)
- green
- for the DIV tag
- violet
- for images (the IMG tag)
- yellow
- for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
- orange
- for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
- black
- the HTML tag, the root node
blockquote がオレンジなのはちょっと納得がいかない。気にしませんが。
「html の視覚化」へコメントをつける
この記事のリンク元
- http://www.zoom-palace.jp/Delusion/200606/20060601.html
- http://d.hatena.ne.jp/tomoya/
- http://www.rinku.zaq.ne.jp/bkcyq100/diary/diary_0606_1.html
- http://www.takamagahara.info/notebook/2006/6
- http://del.icio.us/network/torito
- http://firefox.ring.hatena.ne.jp/t/html
- http://b.hatena.ne.jp/cho45/graph/
- http://del.icio.us/yoko/html
- http://firefox.ring.hatena.ne.jp/t/graph
- http://www.miragorobot.com/scripts/mrinfo.asp
- http://del.icio.us/network/gyuu
- http://www.smallstyle.com/20060528.html
- http://cc.msnscache.com/cache.aspx?q=72458521480275&mkt=ja-JP&lang=ja-JP&w=2ab600fe&FORM=CVRE
- http://monomono.heya.jp/dvd/item/B0001X9BMY.htm
- この記事の永続的 URI ならびに トラックバック ping URI
- http://diary.noasobi.net/2006/05/diary_060531a.html


