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

由于链接在列表元素之外。我可以接受这样做的错误方法，但我应该用它替换它？我想要的效果是＆＃39;按钮＆＃39; - 即你不必点击文字，你可以点击链接的一般（填充）区域的任何地方。 / p>

谢谢！

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>

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

1 个答案: