css - 可点击的 div 链接，但里面有一个列表(验证)

Question

目标是一个方形的 div，它可以作为链接进行点击，并且包含一个列表。

这验证了:

<div class="game">
    <a href="link.html">
        <img src="image.png" />
        <span class="name">Name</span>
    </a>
</div>

和 <a>设置为 display: block我得到了我想要的完全可点击的 div 效果。

但是，由于显而易见的原因，这并不能验证(即使所有浏览器都可以让它工作):

<div class="game">
    <a href="link.html">
        <span class="name">Name</span>
        <ul>
            <li>Thing 1</li>
            <li>Thing 2</li>
            <li>Thing X</li>
        </ul>
    </a>
</div>

有没有办法在我的 div 中有一个列表，让整个 div 成为一个 block 链接，并且仍然有效？

Answer 1

它可能不是有效的 HTML4，但它绝对是有效的 HTML5 - 在 HTML5 中，您可以拥有 <ul>里面的<a>