朝顔日記

html の視覚化

2006-05-31

HTML DOM Visualizer - SmallStyle (2006-05-28) 経由。Websites as graphs - an HTML DOM Visualizer Applet を使うと指定したサイトの html を解析して DOM を視覚化して見せてくれるとのこと。ということで、このサイトのを試しにやってみました。

HTML DOM Visualizer のスクリーンショットのサムネイル

色のついた玉(何)はそれぞれ以下の要素を表わしているそうです。

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 の視覚化」へコメントをつける

書き込み時の挙動について
URI らしき文字列には自動的にリンクが張られます。また "<" や、">" は実体参照化されます。
スパム対策のため、リファラを切っていると投稿できません。

この記事の永続的 URI ならびに トラックバック ping URI
http://diary.noasobi.net/2006/05/diary_060531a.html