搜狐首页HTML标签树

2007年5月24日 | 作者: 牧天 | 分类: XHTML/HTML

搜狐首页HTML结构树

上图是www.sohu.com的首页标签树，看上去好艺术，为了生成这张图片等了好久，居然让我的Firefox吃满了CPU。
http://www.aharef.info/static/htmlgraph/
可以将你的网页的HTML标签树生成一个结构图。

The colors mean:
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
gray: all other tags

从flickr上还可以找到更多的结构图输出截图：
http://www.flickr.com/photos/tags/websitesasgraphs/

RSS 2.0 | Trackback.

网友评论 (3条)

yucca - 2007年5月24日 8:05 下午
红色像主干，蓝色像终端，紫和绿像点缀，灰色串联，我是外行，只知道很美~~~^_^
maxo - 2007年7月2日 11:35 上午
这个有意思，我也是试试看
YUCCA ROOT - 2008年4月6日 5:48 下午
YUCCA ROOT…

I Googled for something completely different, but found your pageand have to say thanks. nice read…