最好的替代方法<a><li></li></a>？

Question

我写的那一刻网页和刚刚验证了它 - W3C验证不喜欢这样的：

<nav id="footNav"> 
    <ul> 
      <a href="contact.html"><li>Contact</li></a> 
      <a href="access.html"><li>Accessibility</li></a><br> 
      <li>&copy; A dev, 2015</li> 
    </ul> 
<nav id="footNav"> 

由于链接的列表元素之外。我可以接受这是做错的方法，但我应该如何替换它？我想要的效果是'按钮' - 即您不必点击文本，您可以单击链接常规（填充）区域中的任意位置。

谢谢！

Answer 1

是的，这是一个无效的标记。 ul元素只能有li孩子。您可以将a元素与列表元素交换，并在您的CSS中使用display: block规则。现在a元素是块元素占用所有可用空间。

<style> 
#footNav li a { 
    display: block; 
} 
</style> 
<nav id="footNav"> 
    <ul> 
     <li><a href="contact.html">Contact</a></li> 
     <li><a href="access.html">Accessibility</a></li> 
     <li>&copy; A dev, 2015</li> 
    </ul> 
</nav>