我可以在<li>周围的<ul>中使用<a>

Question

我有以下代码:

<ul> 
     <a href="./index.php?profile=User1">
        <li>User1 : 16</li>
     </a>
     <a href="./index.php?profile=User2">
        <li>User2 : 4</li>
    </a>
</ul>

这在所有主流浏览器中都很好用,但它不允许/无效HTML,正确的方法应该是:

<ul>
    <li> 
        <a href="./index.php?profile=User1">User1 : 16</a>
    </li>
    <li> 
        <a href="./index.php?profile=User2">User2 : 4</a>
    </li>
</ul>

但是,如果我像第二个例子那样做,那么整个文本<li>就像我想要的那样是可点击的.
我应该使用无效的工作版本还是有人有更好的解决方案？

Answer 1

使用CSS使链接占用整个列表项,例如.display: block(以及您可能想要的任何其他样式).

环绕列表项的链接是无效的HTML.