유전과 사람

블로그 DNA랑 비슷하게...

내 사이트를 그래프로 나타내줬다.

복잡하구나~~ㅋㅋ


What do the colors mean? (색깔이 의미하는 것은?)

blue: for links (the A tag)  = 파란색은 링크
red: for tables (TABLE, TR and TD tags)  = 빨간색은 테이블
green: for the DIV tag  = 녹색은 DIV 태그
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  = 검은색은 HTML태그
gray: all other tags   = 회색은 다른 모든 태그


그래프 만드는 곳은 여기 -> Websites as Graphs (http://www.aharef.info/static/htmlgraph)

내 블로그의 DNA를 본다??
재밌네...ㅋㅋ

ㄷㄷㄷ;;;; 내 블로그를 전기영동 해버렸다.ㅡㅡ;;;;
아이디어 좋은걸?ㅎ


링크나 태그등을 분석해서 만들어지는것 같은데...
깔끔하네^^

분석하는 곳은 여기... -> WEB2DNA (http://www.baekdal.com/web2dna)

How it works

WEB2DNA will take you website, analyze it, crunch it to little bits and spit it out as a graphic representation of a human DNA.

The brightness of the lines is determined by the importance of the tags in terms of structure.

• H1 is brighter than H2, which is brighter than H3.
  
• TABLE is brighter than TR, which is brighter than TD tags.
• Images and flash elements appear as 70% white.
• New HTML tags like STRONG and EM is brighter than older ones like B and I
• UL, OL and DL is brighter than their LI, DT, DD
• DIV layout is brighter than table layout

Basically a semantically rich site will appear brighter than one with messy old-style code.

You can also determine the richness of text on a site. A site the focuses on (text) content is one where the DNA patterns is large (filling many containers), but contains a lot of empty spaces between the lines (empty space is the individual words).