<< Google的下一步是什麼？ | 回blog首頁 | Enterprise 2.0 : 企業如何善用Web 2.0概念 >>

June 13,2007 10:41

HTML DOM Graph : 讓你的網頁展出美麗的圖

將HTML檔案展開成DOM (Document Object Model)的樹狀圖是網路資料粹取的一個技術，將每個HTML的tag逐步展現，然後分析他們之間的關係，取得每個物件屬性及資料。這個原本很無聊的作業，有人把他藝術化了。您看看下面的圖是什麼呢？



 


以上第一個圖是Yahoo (http://www.yahoo.com) 的DOM展開圖，第二個圖是Amazon (http://www.amazon.com) 的展開圖。

以上各種顏色代表HTML不同的tag

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

您也要來試看看嗎? 把您的網頁也展成HTML DOM Graph看看吧!
由此進入 http://www.aharef.info/static/htmlgraph/ ，然後輸入您的網址就可以啦!


    • 您可能有興趣的文章：

    人體植入RFID::看似瘋狂但可能成為未來的趨勢
    << Google的下一步是什麼？ | 回blog首頁 | Enterprise 2.0 : 企業如何善用Web 2.0概念 >>
    whateverusay 發表於樂多 │回應(0) │引用(0) │其他技術文章 │編輯本文
    樂多分類：學術/學習 │昨日人次：0 │累計人次：92
    Ads by Roodo! 

    引用URL

    http://cgi.blog.roodo.com/trackback/3459931

     
     


    回最上方