Question

jQuery UI标签所需的标记如下......

<ul>
  <li>Tab1</li>
  <li>Tab2</li>
  <li>Tab3</li>
</ul>
<div>
  Panel 1
</div>
<div>
  Panel 2
</div>
<div>
  Panel 3
</div>

在某些情况下，这已经足够好了，但在其他情况下， SEO 和可用性是首要任务，此标记并不是更好。我会使用以下标记工作jQuery UI选项卡...

<div id="tabs">
  <div class="panel">
    <h3>Tab1</h3>
     Panel content 1
  </div>
  <div class="panel">
    <h3>Tab2</h3>
     Panel content 2
  </div>
  <div class="panel">
    <h3>Tab3</h3>
     Panel content 3
  </div>
</div>

有可能吗？

我在这里找到（http://christianyates.com/blog/semantic-tabs/semantic-tabs-jquery）另一个解决这个问题的插件，但我会使用jQuery UI Tabs插件。

Answer 1

我推荐JQuery UI风格。这不那么复杂，编码也少。可能它不会落后于SEO。

Answer 2

目前无法使用jQuery UI标签。在jQuery论坛上，这样一个请求的状态是“我们会考虑它”（参考：http://forum.jquery.com/topic/new-markup-structure-for-tabs）

同一个人建议更改如下：http://fittopage.org/2010/05/tabs-done-right/

使用带有自定义HTML布局的jQuery UI选项卡

2 个答案: