替换 <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">

因为 link 在列表元素之外。我可以接受这是错误的做法，但我应该用什么来代替呢？我想要的效果是 'buttons'- 即您不必单击文本，您可以单击 link.[=15= 的一般（填充）区域中的任何位置]

谢谢！

Answer 1

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

<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>

替换 <a><li></li></a> 的最佳方法？

Best way to replace <a><li></li></a>?

html

navigation

button

html-lists