목차
- <menu> 예제 - 명령어 목록/메뉴
- <menu> 정의
- <menu> 구문
- <menu> 속성
<menu> 예제 - 명령어 목록/메뉴
<menu type="toolbar">
<li>
<menu label="File">
<button type="button" onclick="file_delete()">파일 삭제</button>
<button type="button" onclick="file_save()">파일 저장</button>
</menu>
</li>
<li>
<menu label="Edit">
<button type="button" onclick="edit_cut()">자르기</button>
<button type="button" onclick="edit_copy()">복사하기</button>
<button type="button" onclick="edit_paste()">붙여넣기</button>
</menu>
</li>
</menu>
<menu> 정의
명령어 목록이나 메뉴를 정의.
1.
문맥 메뉴나 툴바, 또는 명령어나 통제 툴 메뉴를 만들 때 사용
2.
메뉴 리스트를 스타일 줄 때는 CSS 이용하는 게 좋음.
3.
- HTML4.01 - 중요성이 거의 없어 배척되는 분위기
- HTML5 - 새롭게 개념 정의 되고 2개 속성 새로 추가.
4.
시작 태그와 종료 태그로 구성
5.
단, 태그의 속성들은 아직 제대로 지원 안 되는 중.
6. MDN <menu> 예제보기
<menu> 구문
<menu 속성="속성값">
<li>
<menu 속성="속성값">
<button type="button" onclick="링크 주소">명령어</button>
<button type="button" onclick="링크 주소">명령어</button>
<button type="button" onclick="링크 주소">명령어</button>
</menu>
</li>
</menu>
<menu> 속성
속성 |
속성값 |
쓰임새
|
비고 |
label |
text |
메뉴에 붙이는 보이는 꼬리표
|
HTML5 추가 |
type |
list
toolbar context
|
보여 줄 메뉴가 어떤 형식 메뉴인지 지정 |
HTML5 추가 |