HTML <메뉴> 태그
예
옵션 두 개의 메뉴 버튼 시리즈 인스턴스 ( "파일"과 "편집")
<menu type="toolbar">
<li>
<menu label="File">
<button type="button" onclick="file_new()">New...</button>
<button type="button" onclick="file_open()">Open...</button>
<button type="button" onclick="file_save()">Save</button>
</menu>
</li>
<li>
<menu label="Edit">
<button type="button" onclick="edit_cut()">Cut</button>
<button type="button" onclick="edit_copy()">Copy</button>
<button type="button" onclick="edit_paste()">Paste</button>
</menu>
</li>
</menu>
<li>
<menu label="File">
<button type="button" onclick="file_new()">New...</button>
<button type="button" onclick="file_open()">Open...</button>
<button type="button" onclick="file_save()">Save</button>
</menu>
</li>
<li>
<menu label="Edit">
<button type="button" onclick="edit_cut()">Cut</button>
<button type="button" onclick="edit_copy()">Copy</button>
<button type="button" onclick="edit_paste()">Paste</button>
</menu>
</li>
</menu>
»시도
브라우저 지원
현재 주류 브라우저는 <메뉴> 태그를 지원하지 않습니다.
태그 정의 및 지침
<메뉴> 태그는 명령 또는 메뉴의 목록을 정의합니다.
<메뉴> 태그는 일반적으로 텍스트 메뉴, 도구 모음 및 명령 옵션 목록에 사용됩니다.
팁과주의 사항
팁 : CSS를 사용하여 메뉴리스트 스타일을 정의한다.
HTML 4.01과 HTML5의 차이점
HTML 4.01 <메뉴> 요소는 사용되지 않습니다.
HTML5 <메뉴> 요소는 다시 정의되었습니다.
재산
새로운 기능 : HTML5 새 속성.
属性 | 值 | 描述 |
---|---|---|
label New | text | 描述菜单项的标记。 |
type New | context toolbar list |
描述显示菜单类型. 默认为 "list"。 |
전역 속성
<메뉴> 태그는 글로벌 속성, 속성 시트 완료보고 지원 HTML 글로벌 속성을 .
이벤트 등록
<메뉴> 태그는 모든 지원 HTML 이벤트 속성을 .