标签式界面的标记

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,那么您div的标记中将包含标签为tab1和tab2的元素,这些链接将正常运行并将您发送到右侧div.

3. 它使标签可访问.

使用语义HTML有很多原因.