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

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>

但我不会用链接包裹一个按钮,而是将链接设置为按钮.

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

Answer 2

其实有一个小错误。

你忘记>了<a>标签。

尝试这个。

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