HTML에서 메뉴 목록을 추가하려면 <menu> 태그를 사용합니다. HTML의 <menu> 태그는 메뉴 목록(menu list)을 생성하는 데 사용되는 전용 태그입니다.
<menu> 태그의 주요 속성
HTML <menu> 태그는 아래와 같은 추가 속성을 지원합니다.
| 속성 | 값 | 설명 |
|---|---|---|
| label | text | 메뉴에 표시되는 가시적인 라벨(이름)을 지정합니다. |
| type | popup toolbar context | 표시할 메뉴의 유형을 지정합니다. 팝업(popup), 툴바(toolbar), 컨텍스트(context) 중 하나를 선택할 수 있습니다. |
참고: 이 태그는 기존 HTML에서 지원되다가 폐기(deprecated)되었으며, 이후 HTML5에서 새롭게 재정의되어 다시 사용할 수 있게 되었습니다.
사용 예제
아래 코드를 실행하여 HTML에서 메뉴 목록을 추가하는 방법을 직접 확인해 보세요.
<!DOCTYPE html>
<html>
<head>
<title>HTML menu Tag</title>
</head>
<body>
<menu>
<li>ol - 순서 있는 목록</li>
<li>ul - 순서 없는 목록</li>
<li>dir - 디렉터리 목록</li>
<li>menu - 메뉴 목록</li>
</menu>
</body>
</html>정리
<menu> 태그는 일반적인 목록 태그인 <ul>, <ol>과 유사하지만, 도구 모음이나 컨텍스트 메뉴처럼 사용자 인터랙션을 위한 메뉴를 의미적으로 나타낼 때 유용합니다. 시맨틱 웹을 구현할 때 적절히 활용하면 문서의 구조를 더 명확하게 표현할 수 있습니다.