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>