출처 : phpschool.com

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

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

- IE 8 

- Firefox 7.0.1 

- Opera 11.52 

- Safari 5.1.1 

- Chrome 15.0.874.106 m 

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

에서 테스트 되었습니다. 

기존 돌아다니는 탭메뉴 소스들의 대부분이 '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 하게 뽑아내어 사용할 수 있겠지만, 

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