HTML错误会自行反转：在, in 中

Question

我和我的团队目前正在开发一个网站，但我们在验证方面遇到了错误。 W3C验证员说，button不能成为a的孩子，所以我们将其逆转，因此a是button的孩子。然后验证员说a不能是button的孩子。

我们怎么能解决这个问题呢？我们还尝试创建一个.button CSS类并将其放入a（删除button标签），但这搞砸了页面的所有格式。

<div class="row">
     <div class="column">
        <div class="card">
          <img src="images/tow.png" alt="Mike" style="width:100%">
          <div class="container">
            <h4>Trials of Wizardry</h4>
            <p>Some text that describes me lorem ipsum ipsum lorem.</p>
            <p><button class="button"><a href="http://store.steampowered.com">Buy Now!!</a></button></p>
           </div>
          </div>
        </div>
      </div>

Answer 1

您无法在按钮内找到链接。这没有意义，好像你想到它，<button>是一个应该“做某事”的互动元素。锚元素<a>也是一个互动元素，应该将用户带到某个地方。如果嵌套两者，则在同一元素中有两个交互。如果您想要链接上的按钮样式，则需要执行以下操作

<p><a href="http://store.steampowered.com" class="button">Buy Now!!</a></p>