标签式界面的标记

Question

我查了几个标签界面的解决方案（包括jQuery UI），标记总是遵循相同的ul-li-a模式：

<ul class="tabs">
<li><a href="#tab1">Title 1</a></li>
<li><a href="#tab2">Title 2</a></li>
</ul>

这被认为是最佳做法，为什么？到目前为止，我一直使用span或div标签，一切正常。另外，为什么“a”标签？它们只是在这里触发旧浏览器上的悬停和活动状态吗？

Answer 1

它的语义标记有以下几个原因：

1. 这是一个无序的清单，即标题1，标题2等。

2. 如果禁用了JavaScript，那么您的标记中将包含标识为tab1和tab2的div元素，这些链接将正常运行并向右发送div。< / p>

3. 它使标签可以访问。

还有很多reasons for using semantic HTML。