[HTML] 탭메뉴 dl dt dd

컴프

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

· 8년 전 · 조회 3751 3751

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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
647	HTML	도대체 이 그라데이션 효과는 어떻게 주는걸까요? ㅠㅠ [6]	프릭스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4792
646	HTML	오늘은 뭐 짜달라, 고쳐달라는 분도 안 계시고, [1]	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4494
645	HTML	zurb의 foundation (반응형 프레임워크) [12]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	7373
644	HTML	스크롤에 따라 변하는 메뉴... [1]	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4720
643	HTML	로고 크기에 제한이 있나요? [21]	다평정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	5399
642	HTML	이거 진짜 ㅂ ㅅ 같은건데... ctrl+ 0 ...OTL [1]	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3618
641	HTML	html5 책 좀 추천 해주세요. ^^ [3]	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3240
640	HTML	IE에서 CSS3 메뉴 적용이 되지 않습니다. [7]	돌맹나래 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	6436
639	HTML	웹 표준화 관련 사이트들 [4]	꼼꼼이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4019
638	HTML	IE 때문에 고생하시는 분들께 드리는 팁 하나 [1]	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3070
637	HTML	브라우저별 개별 css 적용 [1]	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3607
636	HTML	안녕하세요~ for문과 CSS 질문입니다. [2]	로날듀우 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2753
635	HTML	background-size:cover [1]	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4248
634	HTML	css 간단한 질문 하나만 드릴께요 [4]	띠리링 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2584
633	HTML	주소 검색 소스~ 부탁드려요 ^^	basketball 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3136
632	HTML	CSS 게시판 위치별 제어 [5]	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3289
631	HTML	홈페이지 카테고리 수정 도움 요청 [2]	덕수다아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4357
630	HTML	너무 멋진 사이트 발견! 그런데! 질문 [3]	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3395
629	HTML	이미지 부드럽게 확대 하기 간단css [1]	크라이스트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	10197
628	HTML	접기/펼치기 소스 질문입니다. 도와주세요~~ [5]	실바 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	9055
627	HTML	크로스 브라우징..시 CSS를 잘 못부르네요. [2]	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3281
626	HTML	웹 표준으로 했는데 블랭크가...또 쌩기는데 이번엔.. [2]	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2289
625	HTML	css...왜 위에 블랭크가 생길까요? [3]	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2881
624	HTML	jQuery 이미지 체크박스 [3]	웹군 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	7749
623	HTML	엄한 질문 하나 드립니다. ㅎㅎㅎ [3]	오십원 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2563
622	HTML	html5와 플래시로 제작된 기능이 동일하게 구현이 되는 예 [2]	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3305
621	HTML	아이프레임으로 불러온 문서 내 특정영역 이동 [2]	웹어스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3377
620	HTML	메뉴 테두리를 둥글게 하고싶은데 안되네요... [2]	마이피씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4624
619	HTML	zen코딩 치트문서~ [8]	there007 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3186
618	HTML	젠코딩 동영상 [2]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3587