type 속성 (menu)

정의

type 속성은 선언되는 메뉴의 종류를 나타냅니다.

속성 값

속성은 context, toolbar, list 3개의 상태를 가집니다. 각각의 상태는 동일한 이름의 키워드에 연결됩니다. 이것은 단순히 커맨드의 목록일 뿐이며, 콘텍스트 메뉴를 선언하거나 툴바를 정의하는 것이 아닙니다.

키워드 상태 내용
context context 콘텍스트 메뉴를 나타내며, 활성화되어 있을때 상호작용합니다.
toolbar toolbar 툴바 메뉴를 나타냅니다.
list list 순서 없는 목록을 나타내는 경우 각각의 커맨드는 li 요소로 표현되며, 각각의 아이템은 사용자가 수행하거나 활성화시킬 수 있는 커맨드를 나타냅니다. 자식 요소로 li 요소를 갖지 않는다면 순서 없는 목록이 아닌 경우가 되는데, 이 경우 요소는 사용 가능한 커맨드들을 설명하는 플로우 컨텐츠를 나타냅니다.

예제

예제1 - context 상태:

<menu type="context">
  <command label="실행 취소" onclick="exeCancel()" disabled>
  <command label="잘라내기" onclick="objCut()" disabled>
  <command label="복사" onclick="objCopy()" disabled>
  <command label="붙여넣기" onclick="objPaste()">
  <command label="삭제" onclick="objDelte()" disabled>
  <command label="모두 선택" onclick="allSelect()">
  <command label="사전 추가" onclick="addDic()">
  <command label="요소 검사" onclick="elFind()">
</menu>
위 예제에 스타일을 적절히 적용한다면 이런 콘텍스트 메뉴도 만들 수 있을 것입니다. 화면은 이해를 돕기 위해 윈도우7의 시스템 콘텍스트 메뉴를 캡쳐한 것입니다.

예제2 - toolbar 상태:

<menu type="toolbar">
  <li>
  <menu label="마이미투">
    <a href="myme2.html">마이미투</a>
    <a href="settings.html">환경설정</a>
    <a href="mobile_setting.html">휴대폰설정</a>
    <button type="button" onclick="logout()">로그아웃</button>
  </menu>
  </li>
  <li>
  <menu label="내친구들">
    <a href="myfriends.html">내친구들</a>
    <a href="fri_request.html">친구신청</a>
    <a href="fri_find.html">친구찾기</a>
    <a href="fri_recommend.html">친구추천</a>
  </menu>
  </li>
  <li><a href="mailet.html">쪽지</a></li>
  <li><a href="noti.html">알림</a></li>
</menu>
툴바 형태로 제작된 메뉴로 이해를 돕기 위해 미투데이 화면을 캡쳐한 것입니다.

예제3 - list 상태:

type 속성을 생략했을 경우 list 상태가 기본값입니다.

<h3>미투하기</h3>
<menu>
  <li><input id="limit_opt_recive" type="checkbox" name="limit_me2"><label for="limit_opt_not_delivery">내가 쓴 글은 미투를 받더라도 다른 회원에게 배달되지 않도록 제한합니다.</label></li>
  <li><input id="limit_opt_me2" type="checkbox" name="limit_me2"><label for="">내가 미투한 글이 내 친구들에게 배달되지 않도록 제한합니다.</label></li>
</menu>

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

 
html5/attribute/type_menu.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki