xhtml li以整个li作为链接

Question

我目前有以下代码：

<ul id="menu-list">
    <a href="index.php"> <li>Home</li> </a>
    <li><a href="about.php">About</a></li>
</ul>

列表中的第一个元素允许将整个li块作为链接单击，但不遵循xhtml标准。第二个遵循标准，但只有li中的文本是链接。是否有符合标准的方式来获得第一个功能？

Answer 1

如果为锚点定义css以使其成为内联块，则可以为它提供100％的宽度和高度，并获得您正在寻找的功能。

<style>
#menu-list li a
{
   display:inline-block;
   height: 100%;
   width: 100%;
}
</style>
<ul id="menu-list">
    <li><a href="about.php">About</a></li>
</ul>