UI Components Based on Web Standards - Menu (1)

　　菜单（Menu）是最基本最常见的网页UI元素之一，它的次要功用包括：

1. 引导用户发现网站的内容；
2. 协助用户执行某一特定的操作。

　　一个完整的菜单是一组菜单项（Menu Item）的集合，所有的菜单项在逻辑上应该是并列、平级的关系，它们指向互相之间没有隶属关系的内容或功用。

　　菜单项可以是链接，也可以是另一组菜单项的集合，即二级菜单（Sub-Menu）。

菜单项的文案设计

1. 明了：把意思表达清楚是一个菜单项文案的最基本要求。
   依据菜单的两种基本功用，“指向内容”的菜单项最好是一个概括内容的名词或名词性短语（如“诗歌”、“古典小说”），“执行操作”的菜单项最好是一个动词或动宾短语（如“订阅”、“订阅旧事”）。
2. 直白：所有的网站是给用户看的，就按用户们习惯的大白话来和他们交流吧。
   举个例子：某门户网站提供了针对宽带用户的在线视频服务，指向这一服务的菜单项上写着“宽频”。中国的大多数互联网使用者都是比较初级而且不懂技术的，所以用“视频”或“在线视频”对他们来说会愈加明白清楚（要不是“小电影”有某些其他意思，不然这个词可能更合适一些）。
3. 简短：如果对“简短”准绳需求更多解释的话，那就是不要为了“简短”而忽视了“明了”与“直白”。

基本的XHTML结构

　　在XHTML的一大堆标签中，有一个被99.99%的Designer和99.98%的Developer忽视的标签：menu。它的用法与ul一样，内部可以包含一系列的li元从来构成菜单项，所以用它来构建菜单是再合适不过的了。如下：

<menu><li><a href="/movie/">电影</a></li><li><a href="/music/">音乐</a></li><li><a href="/software/">软件</a></li></menu>

　　查看效果（例1）

　　可能大多数人会用（或曾经用了）ul来构建本人的菜单XHTML代码，这样也不错，但是如今你知道了有一个标签叫menu，赶快改过来吧（原装的好呀^_^）。

菜单项提示

　　设计菜单项文案时，“简短”与“明了”是一对矛盾，在无法用几个字说得很明白的情况下，就需求“菜单项提示（Menu Item Tooltip）”了。当鼠标悬停在某个菜单项上的时候，会弹出相应的提示，对此菜单项的内容和功用作出更进一步的说明。

<