<a> tag around <li> tag</li></a>

时间:2012-03-09 01:23:36

标签: html

我总是想问这个问题:

这是验证吗

<a><li></li></a>

或者应该总是

<li><a></a></li>

第一种方法是错误还是允许这样做?

3 个答案:

答案 0 :(得分:6)

第一个是错误的,因为只有<li>是列表的孩子。第二个是正确的。

根据我的理解,您希望整个列表项“可点击”。将所有内容放在<a>中也是可行的 - 块和内联元素。这在HTML5中完全有效。但不会在较旧的HTML中验证。但是,鉴于<a>的风格为display:block

,它确实可以正常运作

A clickable <li> using an <a> tag - no JS to be used. Is it legal HTML?

答案 1 :(得分:2)

第一选择不正确。第二种选择是正确的。

答案 2 :(得分:1)

根据w3.org,在ul或ol中只允许使用li标签:

http://www.w3.org/TR/html401/struct/lists.html#h-10.2