예
다른와 상황에 맞는 메뉴 <menuitem> 요소 :
<menu type="context" id="mymenu">
<menuitem label="Refresh"
onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter"
icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu> »그것을 자신을 시도 정의 및 사용
<menu> 태그는 명령의 목록 / 메뉴를 정의합니다.
<menu> 태그는 컨텍스트 메뉴, 도구 모음과 폼 컨트롤 및 명령을 나열하는 데 사용됩니다.
브라우저 지원
표의 수치는 전체 요소를지지하는 제 브라우저 버전을 지정.
| 요소 | |||||
|---|---|---|---|---|---|
| <menu> | 지원되지 않음 | 지원되지 않음 | 8.0 (만 컨텍스트 메뉴) | 지원되지 않음 | 지원되지 않음 |
참고 : <menu> 태그는 파이어 폭스에서 지원되며, 단지 상황에 맞는 메뉴 작동합니다.
팁과주의 사항
팁 : CSS는 메뉴 목록 스타일을합니다.
HTML 4.01과 HTML5의 차이점
<menu> 요소가되었다 되지 않는 HTML 4.01.
<menu> 요소는 HTML5에서 다시 정의됩니다.
속성
= HTML5의 새로운 기능.
| 속성 | 값 | 기술 |
|---|---|---|
| label | text | 메뉴의 표시 레이블을 지정합니다 |
| type | list toolbar context | 메뉴의 유형을 표시 할 지정 |
글로벌 속성
<menu> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<menu> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML DOM 참조 : 메뉴 개체
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <menu> 다음과 같은 기본 값으로 요소를 :
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}