我打算制作一个HTML网页。我想知道创建HTML 水平标签（作为导航栏）最优雅的方式是什么？
我想选择制表符，未选中的制表符有不同的颜色。
我想我应该使用CSS来设置样式，也许jQuery可以在不同的标签下显示和隐藏不同的内容？
答案 0 :(得分：2)
使用jQuery UI Tabs模块。
答案 1 :(得分：0)
参考此网址，它可能对您有所帮助： - 2 level tabs和 css horizontal tabs
答案 2 :(得分：0)
关于http://alistapart.com如何向网站添加标签式导航，CSS »sliding doors« technique上有一篇精彩的文章。它是纯HTML，但我相信你可以将它与javascript结合起来。
答案 3 :(得分：0)
典型的最佳做法是使用<li>元素作为标签和菜单（<ul>作为标签组的容器），并相应地设置样式。
造型的关键部分是：
float:left; --or-- display:inline-block;
list-style:none;
float:left;和display:inline-block;都会产生类似的效果，因为它们会导致列表项显示在水平行中。它们以完全不同的方式实现它，这可能会影响您造型的其他方面，但是可以使用它们，具体取决于您更熟悉的方式。 （唯一需要注意的是，如果你需要支持IE6，在这种情况下inline-block不起作用，但是有解决办法吗？
list-style:none;告诉列表项不要显示通常给出的项目符号点。
除了这两种风格之外，您几乎可以使用任何您喜欢的CSS来让它们看起来完全符合您的要求。通常，标签有三个边的边框，圆角，突出显示活动标签，如果将鼠标悬停在它们上......所有这些效果都可以通过CSS实现。
This article详细介绍了如何实现所有这些效果等等。网上还有许多其他好的教程。
希望有所帮助。