NULI:널리 공유하는 웹 표준화 가이드

  • UIO Factory
  • 코딩컨벤션
  • 웹 접근성
  • 블로그

Tree 적용 가이드

  • 네이버의 트리구조 메뉴에 대한 공통 HTML/CSS 가이드 입니다. 디자인 가이드가 아닙니다.
  • Ajax UI Lab과 협의된 마크업 이므로 마크업 구조를 변경하는 경우 사전 협의가 필요합니다.
  • HTML 버전과 XHTML 버전이 준비되어 있으며 Quirks Mode 버전이 필요한 경우 직접 변환해서 사용합니다.
  • UTF-8 캐릭터셋과 인코딩을 사용하였으므로 EUC-KR 캐릭터셋과 인코딩 문서가 필요한 경우 직접 변환해서 사용합니다.
  • 체크박스 타입()의 <input type="checkbox"> 엘리먼트는 1:1로 매칭되는 <label> 엘리먼트가 있으며 이 둘은 id 속성과 for 속성을 이용하여 동기화 된 관계라는 것을 명시해 줍니다. 예) <input type="checkbox" id="menu1" ><label for="menu1">메뉴1</label>

트리구조 메뉴 목록

  • 기본형(a) - HTML 4.01 Transitional
  • 기본형(a) - XHTML 1.0 Transitional
  • 선택형(form) - HTML 4.01 Transitional
  • 선택형(form) - XHTML 1.0 Transitional

기본형(a) - HTML 4.01 Transitional

새창으로보기 ▲Top

기본형(a) - XHTML 1.0 Transitional

새창으로보기 ▲Top

선택형(form) - HTML 4.01 Transitional

새창으로보기 ▲Top

선택형(form) - XHTML 1.0 Transitional

새창으로보기 ▲Top
작성자 :
정찬명
작성일 :
2008년 6월 12일

Categories

NULI 블로그 (99)
  • HTML/ CSS (34)
  • 크로스브라우징 (16)
  • 접근성 (5)
  • 모바일 (9)
  • 네이버/ 한게임 (5)
  • 팀 이야기 (22)
  • 기술 문서 (5)
  • 발표 자료 (3)

Tags

textyle 접근성 글감수집기 html IE8 텍스타일 단축키 IE 텍스타일에디터 Dreamweaver 모바일 Firefox tip button 버그 드림위버 HTS IE6 센스리더 스크린리더 네이버

Posts

  • 중요 표시 버튼을 접근성 있게 ...
  • 웹 표준 마크업 개발 프로세스
  • 버튼의 활성화 여부에 따른 커서...
  • 모바일 환경에서의 마크업 개발 ...
  • 모바일 웹 브라우저

Trackbacks

  • 모바일 웹 브라우저2010년 3월 ...
  • 기타도리의 생각
  • [버그검사] WindowsVista,7 +...
  • 브라우저 별 Acid3 테스트
  • 그린애플의 알림

Comments

  • 헉 이미지가 보이지 않네요 ^^
  • 여기 코멘트 폼에 레이블이 하...
  • 요즘 이런 시도가 많은 것 같...
  • Flash부분 관련 자료 링크중 잘...
  • 구체적으로 어디가 어느페이지가...
  • NAVER
  • 해피빈
  • 쥬니어네이버
  • 한게임

이 사이트는 나눔글꼴로 제작되었습니다. 설치하기

Copyright © NHN - Web Standardization Team. All Rights Reserved
  • Valid XHTML 1.0