menu 标记被用于定义界面中的菜单.
这个标记产生的元素默认是隐藏的, 只有被 popup-menu 行为触发时才显示.
<menu> 元素内部的 <li> 和带有 role="menu-item" 的元素都会被当作菜单项处理.
HTMLayout 界面中菜单的定义书写格式如下:
~~~
<menu id="MY_MENU">
<!-- 一般的菜单项 -->
<li>Menu Item</li>
<!-- 带图标和快捷键标签的菜单项 -->
<li>
<div class="icon"/>
Menu Item with Icon and Shortcut Label
<span mx-hotkey-label="{command.id}">
</li>
<!-- 横线分隔符 -->
<hr/>
<!-- 子菜单 -->
<li>
Sub Menu
<menu>
<li>Sub Menu Item 1</li>
<li>Sub Menu Item 2</li>
</menu>
</li>
<!-- 带子菜单的命令 -->
<div class="split-button">
<li>Menu Item</li>
<li class="arrow">
<menu>
<li>Child Item 1</li>
<li>Child Item 2</li>
</menu>
</li>
</div>
</menu>
~~~
