html - 用链接包裹按钮的正确方法

Question

对 html 和 css 编码还很陌生，想确保我的代码保持整洁并正确关闭标签。我正在使用 html 模板并尝试从我的按钮正确创建链接。

我将它们包装在 Brackets 中的方式在页面上正常工作并且链接正常工作，但是 Brackets 显示一些红色标签意味着我没有正确包装某些东西。

有人可以告诉我哪里做错了吗，因为我想继续遵循良好的代码形式。

非常感谢。

下面按钮的当前代码:

 <a href="contact_us.html"<button class="button -blue -bordered"><span class="button--inner">Contact Us</span></button></a>

Answer 1

您需要关闭您的链接标签:

<a href="contact_us.html">
  <button class="button button-blue button-bordered">
    <span class="button--inner">Contact Us</span>
  </button>
</a>

但我不会用链接包裹按钮，而是将链接样式设置为按钮。

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
<a href="contact_us.html" class="btn btn-primary">Contact Us</a>

另请将此答案视为评论中所述的 Our_Benefactors:How to create an HTML button that acts like a link?