标记标签式界面

Question

我检查了几个解决方案选项卡接口（包括jQuery UI的），以及标记始终遵循相同的UL丽的模式：

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

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

Answer 1

这是有几个原因的语义标记：

1. 它是东西无序列表，即标题1，标题2等

2. 如果禁用JavaScript，那么你将有div元素在标记中带有tab1和tab2的ID，链接将正确运行并将您发送到正确的div。

3. 它使标签可访问。

而且还有很多reasons for using semantic HTML。