3.5.1  属性介绍

<menu>是HTML 5中的标记元素，此元素其实在HTML 2时就已经存在，但是在HTML4时被抛弃。在HTML 5中重新恢复使用，并且为其赋予了全新的功能。该元素常与<li>列表元素结合使用，用来定义一个列表式的菜单。<menu>的属性信息如表3-1所示。

表3-1 <menu>的属性信息

下面通过一个实例讲解使用<menu>标记元素实现菜单交互的方法。本实例的功能是在页面中通过<menu>元素列表显示三行图文并茂的文本选项。首先添加了一个<menu>元素，在该元素中加入<li>列表元素；然后，在列表元素中分别放置一个<img>与<span>元素，用于展示图片与标题；最后使用CSS样式代码，当用户将鼠标移至某个<li>元素时，展示菜单中某选项被选中的效果。

实例文件.html的具体代码如下。

当定义菜单列表时，通常使用<menu>元素来定义菜单的框架，框架中的内容使用<li>元素来进行构造，以形成列表形状；另外，为了美化列表选项的展示效果，需要使用CSS样式来修饰，表示通过CSS样式控制鼠标在移出与移入元素时的不同展示效果。注意菜单还可以嵌套在别的菜单中，形成带层次的菜单结构。执行后的效果如图3-9所示。

图3-9 执行效果