수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

코딩스타일?...탭배너나 메뉴의 형태..의 돔구조를 어떤식으로 잡는게 맞는지?

신당

2023.04.01

예를들어 ... 탭메뉴의 배너라면 ...

탭1 / 탭2
-----------------------------------------
탭에 따라 내용이 달라지겠죠
-----------------------------------------

이런걸 코딩한다면 말입니다...
1번
탭1
탭내용/
/탭1
탭2
탭내용/
/탭2

보통은 이렇게 진행하겠습니다...만 탭내용 복잡하면 ... 2번처럼도가능한거지요?

2번
탭묶음
탭1/
탭2/
/탭묶음
탭내용묶음
탭1내용/
탭2내용/
/탭내용묶음

제목과 내용이 분리가 되서문제가 된다면header를 추가해서 3번처럼 하면 되지 않을까...하는데

3번
탭묶음
탭1/
탭2/
/탭묶음
탭내용묶음
탭1내용
h style=display:none탭1/h
내용/
/탭1내용
탭2내용
h style=display:none탭2/h
내용/
/탭2내용
/탭내용묶음메뉴작업시는 본능적으로 1번을 이용하는데...메뉴도 복잡한 형태라면 2번을 이용하게 됩니다.
기타 왠만한 형태의 배너작업은대다수 2번을 이용하구요...
접근성에 대해 잘 모르지만...디자인요소들이 제목끼리 내용끼리 레이아웃이 맞다보니 css작업도 2번의 형태로 진행하는게 훨신 간편하고 제이쿼리 작업시도 편합니다.

1,2,3중 작업의 편의를 위해 알아서 하면 되는건지...1번이 정답인건지.....작업자맘인지...혼자북치고 장구치고..사수도없고...
답답한 맘에 문득 생각나서 조언구해봅니다.

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 한별나라

    오호라...그동안 찜찜했는데 당당하게 작업해야겠군요...조언 감사드립니다.

  • 푸르나

    관공서작업도 아니고 접근성 요구하는사람도 없고 아는사람도 없고...그렇다고 2번이 편하긴한데 ... 찜찜하긴 하고 ... 1번으로 하면 css가 까탈스럽고...ㅋㅋ 그렇네요..ㅋ

  • 참없다

    접근성이 아니면 상관없겠지만 접근성이 있을시에 2,3은 아웃이죠.

번호 제 목 글쓴이 날짜
2699547 [급]레이어보다 object태그가 우선순위가 되는 문제 (5) DevilsTears 2025-06-27
2699518 javaScript중복체크 하는법좀.. 알려주세요 (3) 비 2025-06-26
2699495 이런 탭메뉴를 뭐라고 해야 하는지 모르겠네요 (1) 들빛 2025-06-26
2699380 메뉴가 계단식으로 나타나요.. ㅠ.ㅠ (5) 스릉흔다 2025-06-25
2699354 영문 웹폰트 관련 질문입니다!!! (1) 치킨마루 2025-06-25
2699329 윈도우 미디어 플레이어 URL 질문!!! (1) 제철 2025-06-25
2699296 동영상 배경 질문드려요!!!!!!!!!!!!!! 핫파랑 2025-06-24
2699214 position:fixed 에 대한 질문입니다.. (7) 사이 2025-06-24
2699183 제이쿼리 이미지 슬라이드 위치값 수정 초엘 2025-06-23
2699153 테마[ADORABLE]에서 페이지생성시 하위페이지는 2개밖에 안되나요? 흰여울 2025-06-23
2699129 네이버 블로그 또는 사이트의 글을 불러오기 갤원 2025-06-23
2699070 탭메뉴처럼 셀렉트 박스를 이용해서 내용을 출력할 수 있는 방법이 있을까요. (3) 큰꽃늘 2025-06-22
2699016 인터넷이 안되는 환경에서 validator설치방법 (3) 은송이 2025-06-22
2698988 대체 C++ 6.0 exe 아이콘은 어떻게 넣는건가요? 외국녀 2025-06-22
2698960 음성파일을 embed로 작업했는데..웹 표준코딩으로 변경하려면 어떻게 해야하나요? (1) 잎새 2025-06-21
2698932 메뉴목록 풍선창 만들기 html (2) 하늘이 2025-06-21
2698901 http://www.zeitgeistbot.com/ 이 사이트처럼 움직이는 효과를 무엇이라고 하나요? 누림 2025-06-21
2698876 table width값 크로스브라우징에 대한 문의 (2) 볼수록매력 2025-06-21
2698849 c언어 질문. (3) 아름나 2025-06-20
2698823 setInterval 이벤트 제거 하려면... 가온길 2025-06-20
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com