html - 嵌套列表的链接

Question

我希望整个框成为我的页面tomatoes.html 的链接，但是用户必须专门单击单词“tomatoes”才能转到新页面。我怎样才能让它周围的盒子也成为一个链接？我试着做

<a><li>a href="tomatoes.html">Tomatoes</li></a>

但我的研究告诉我这不是正确的 HTML 编码。有任何想法吗？谢谢。

<div class="subMenu subGrub">
   <ul>
      <li><a href="tomatoes.html">Tomatoes</a></li>
      <li><a href="potatoes.html">Potatoes</a></li>
   </ul>
</div>

Answer 1

把它留给这个：

<li><a href="tomatoes.html">Tomatoes</a></li>

并使用此 CSS 使整个<li>-element 成为“可点击”：

li > a {
    display: block;
}