最近打算在心百科的维基站中添加书籍条目，然后用Cargo记录书籍信息。条目包括了书籍简介、目录、书摘等内容，正常情况下就是每个部分作为一个章节处理，样式如下：

右侧是书本的信息框，左边是书籍简介以及目录等内容。只是目录内容一旦有很多的话，排版很难看，页面也很长。如果能采用选项卡的方式进行切换就好了。
今天重新查看之前写的文章，正好发现一个选项卡的插件Tabber，下图是它产生的效果（未调整CSS样式）

同时我也找到另外一款插件，名叫Header Tabs，下图中的效果就是由它产生的。

两者的效果其实都差不多，点击选项卡就能随意切换内容了，但对比之下还是有区别的：

• Header Tabs需要将选项卡标签的内容设置成H1格式，如果像我上述的需求，页面语义其实是存在歧义的，毕竟内容中的标题都是从H2开始，弄那么多H1标题是闹哪样？
• Header Tabs在某些主题下（尤其是手机版主题）并不能实现（可能就是跟H1格式有关），Tabber则能支持手机版主题。
• 两者在编辑上都相对简单，只是Tabber的分隔需要用到管道符号|，所以在模板编辑中需要注意替换，而Header Tabs则没有这样的困扰（设好需要的标题添加内容最后加上<headertabs/>标签）。
• Tabber不支持使用两个换行符自动换行的形式（Header Tabs直接支持维基格式），而必须加入<br/>标签，对于像目录这种有大量换行的内容显然直接用Tabber会相当费事（不过直接从网上复制过来的内容对于Header Tabs同样要二次编辑一下，只不过是在每行后面多加一个回车），当然这些都可以通过模板的方式来解决。

以上就是对两款选项卡插件的简单对比，大家可以根据自己的需要进行选择。