HTML - 如何正确放置锚标记？

【问题标题】：HTML - How to place an anchor tag correctly?HTML - 如何正确放置锚标记？
【发布时间】：2014-08-11 16:26:36
【问题描述】：

放置锚标记的正确方法是什么？是在按钮标签内部还是外部？

HTML

 <button>
    <a href="#"> CLICK </a>
 </button>


<a ref="#">
   <button> CLICK
   </button>
</a>

【问题讨论】：

我只会使用链接并设置样式！
它们都不好，因为它们都可以执行相同的操作。（按钮需要javascript）。只需使用 CSS 使锚看起来像一个按钮。
取决于您的选择，但例如 bootstrap 他们在按钮标签之外创建了 acnhor 标签。

标签： html

【解决方案1】：

两者都没有。锚点禁止包含按钮，按钮禁止包含锚点。

如果您想要链接，请使用锚点和style it to look how you want。

如果你想要一个按钮（即一个除了触发 JavaScript 之外什么都不做的控件），那么使用一个按钮并将其样式设置为你想要的样子。

【讨论】：

【解决方案2】：

这就是我会做的：

HTML

<div style="margin:5px;">
   <a href="#" class="button">Click</a>
</div>

CSS

.button {
  display: block;
  width: 115px;
  height: 25px;
  background: #AABBAF;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
}

FIDDLE

【讨论】：

为什么HMTL5中有按钮元素。不是为了构建标记吗？
@user2952265 查看昆汀的回答！