dl, dt, dd 를 이용한 탭메뉴 입니다. 

----------------------------------------------------------------------------- 

 

기존 돌아다니는 탭메뉴 소스들의 대부분이 'view' 용 인것 같아 

만들어 봤습니다. 

 

DTD 는 xhtml 1.0 transitional 이며 

스크립트는 jQuery (http://code.jquery.com/jquery-1.6.4.min.js) 들어갔습니다. 

 

html validation: 

http://validator.w3.org/ 

 

css validation: 

http://jigsaw.w3.org/css-validator/ 

 

각 밸리데이션 모두 success 입니다. 

 

의미에 맞는 태그사용과 표준코딩으로 

접근성이 보장되고 소스가 간결해집니다. 

 

추가적으로 

요즘 각 최신 브라우저 벤더별로 대부분 지원하는 미디어 쿼리를 통해 

접근 디바이스에 따른 view 를 css 만으로 컨트롤 할 수 있습니다. 

 

ps. 

jQuery 중 .each 안에 .each 를 포함하는 부분은 

분명 static 하게 뽑아내어 사용할 수 있겠지만, 

동적으로 추가될 경우의 엘리먼트를 처리하기 위함입니다.