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>
~~~
