[HTML] 탭메뉴 dl dt dd

컴프

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 3739 3739

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 하게 뽑아내어 사용할 수 있겠지만,

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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
857	HTML	The placeholder Attribute(자리 표시 자 특성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1385
856	HTML	The pattern Attribute(패턴 속성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1843
855	HTML	The multiple Attribute(다중 속성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2079
854	HTML	속성 값(The value Attribute)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1493
853	HTML	입력 유형 URL(Input Type Url)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2189
852	HTML	입력 유형 전화(Input Type Tel) 전화번호 형식만들기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3270
851	HTML	입력 유형 날짜 / 시간 - 로컬(Input Type Datetime-local)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3243
850	HTML	입력 유형 URL(Input Type Url)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2084
849	HTML	Input Type Tel	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1664
848	HTML	input date input color	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1819
847	HTML	입력 제한(Input Restrictions) 1	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1710
846	HTML	HTML5 input 유형	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1910
845	HTML	Input Type Radio Input Type Checkbox Input Type Button	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2033
844	HTML	Input Type Submit , Input Type Reset	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1973
843	HTML	Input Type Text , Input Type Password	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2189
842	HTML	HTML5 form 요소 datalist keygen output	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2037
841	HTML	html textarea button 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1961
840	HTML	html input select 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2324
839	HTML	HTML NAME 속성	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1906
838	HTML	HTML METHOD POST GET	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2175
837	HTML	html form action	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2010
836	HTML	<fieldset>을 사용하여 양식 데이터 그룹화	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2029
835	HTML	html form submit	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2190
834	HTML	html form input 객체	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1533
833	HTML	HTML 레이아웃 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1891
832	HTML	HTML <script> 요소 HTML <base> 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1379
831	HTML	뷰포트 설정하기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2435
830	HTML	[HTML <head> 요소] 1	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1648
829	HTML	HTML The class Attribute	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1253
828	HTML	[HTML 블록 및 인라인 요소]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2472