网页tab（标签）使用注意事项

总结者：戴雨森 yusendai.com

我们小组讨论的话题是tab（标签）在使用时的禁忌。

在讨论的开始，大家很快产生了六个感兴趣的话题：

• 如何处理海量的tab？
• 在浏览器中关掉tab之后应该发生的行为？
• 不同tab下内容的相互关系
• 多层tab的使用
• Tab和SEO的关系
• 使用多个tab工作时快速回到注意力的焦点

由于时间有限，我们讨论的话题最终集中在一个点上：如何处理海量的tab？经过大家的热烈讨论，现在将一些想法以及对应的示例总结如下，还请各路英雄好汉指正。

首先回顾一下Tab的历史。这里的tab，是一类交互元素的统称，既包括在web设计中的导航，也包括在浏览器等桌面软件中的使用。被称为tab的交互元素一般有如下两个特性：

• 同时具有动作和状态两个含义。tab之所以流行，一个原因就是因为它既方便操作，同时又能够让用户清楚地知道自己目前在哪个位置（tab）
• 从信息架构的角度来看，tab之间的内容一般是不交叉的。并且tab之间的关系应该是平等的，没有相互隶属的关系。

所以从广义来讲，绝大多数导航菜单其实都可以归结为tab。

在网页设计中tab的使用一般认为是Amazon开了先河。相信大家很多人都读过LukeW的经典回顾文章：The History of Amazon’s Tab Navigation（中文版请猛击这里）。从这篇文章中我们可以看到，Amazon的导航从最初只有两个tab：Book和Music，演化到2000年最多的时候有两排tab。很显然，当tab数量增多的时候，tab这种交互方式遇到了一些困难。