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

另一个例子是Word 2003中的设置对话框。如下图所示，当标签太多而显示空间有限的时候，微软不得不同样把标签排成两排。这样做的一个大问题是，上排的标签在选中的时候，如何表示选中状态和当前内容页的关系？

微软的做法是饱受诟病的。在上图中当用户点击上排标签时，上排自动和下排对调从而保持标签和内容页的紧贴关系。然而这个做法使得标签的位置非常不一致，相信很多人都有着同样的迷茫经历。

在其他一些软件中，如firefox 3（如下图），点击上排标签时，仅仅将标签显示变为选中状态，这样的好处是保持了标签位置的一致性，然而却失去了一些位置上的指示功能。

那么如果多排标签不是个好主意，如何处理很多的标签呢？

一个显然的思路是把标签从惯用的水平排列换到竖直排列。一般这样的排列是在视图的左侧，可能是以图标或者文字的形式。

不过这种做法存在一些问题。首先，如果标签的名字很长，将会占据很多宝贵的左侧空间，而这一空间正好是屏幕上用户注意焦点，兵家必争之地。有的网站的做法是将文字垂直摆放，这样的做法，特别对于英文网站来说，可读性简直就是灾难。如果放在右侧，有可能和滚动条相互干涉，并且用户也不容易注意到。其次，当标签不多的时候（考虑标签数目可变的情况），标签下方放什么内容也是比较头疼的。

（左）一个设计网站的纵向标签排列，可读性很差。（右）雅虎易搜里面采用的右侧垂直标签导航