이 글에서는 주로 html5 메뉴 태그의 정의와 사용 예에 대해 설명합니다. 예제와 예제 결과가 있어 학습이 더 쉽습니다. 따라서 html5 메뉴 태그에 대한 이 글을 주의 깊게 읽어보세요.
html5 메뉴 태그 정의 및 사용법 :
label 속성(메뉴 항목의 표시 표시를 정의하며 메뉴 내에 중첩된 메뉴를 표시하는 데 자주 사용됨, 구문) : 메뉴 레이블 "파일")
type 속성(메뉴 표시 유형을 정의하며 기본값은 "list", 구문: 메뉴 유형="value")
list: 기본값입니다. 목록 메뉴를 지정합니다. 사용자가 실행하거나 활성화할 수 있는 명령 목록(li 요소)입니다.
toolbar: 도구 모음 메뉴를 지정합니다. 사전 명령을 사용하면 사용자가 명령과 즉시 상호 작용할 수 있습니다.
contextmenu: 사용자가 요소를 마우스 오른쪽 버튼으로 클릭할 때 표시될 컨텍스트 메뉴를 지정합니다.
2. HTML5 메뉴 태그
코드 예제
<span contextmenu="myMenu">右击一下</span>
<menu type="context" id="myMenu">
<menuitem label="单击一下" onclick="alert('您单击了我一下')" icon="">
</menuitem>
</menu>
로그인 후 복사
html5 메뉴 태그 코드 분석:
태그는 컨텍스트 메뉴, 도구 모음 및 양식 컨트롤 및 명령 나열에 사용됩니다. 위 예에서 라벨의 contextmenu 속성 값은 속성 id의 값입니다. label 속성은 메뉴 클릭 이벤트를 설정합니다. item;
Icon 속성은 메뉴 항목의 왼쪽에 작은 아이콘을 설정합니다.
태그는 여러 개의
위 내용은 html5 menu 태그의 구체적인 정의와 html5menu 태그의 사용법에 대한 상세한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!