HTML - 如何正确放置锚标签?

时间:2014-08-11 08:18:40

标签: html

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

HTML

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


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

2 个答案:

答案 0 :(得分:3)

都不是。禁止锚点包含按钮,禁止按钮包含锚点。

如果您需要链接,请使用锚点style it to look how you want

如果你想要一个按钮(即除了触发JavaScript之外什么都不做的控件),那么使用一个按钮并设置它的样式,看看你想要的样子。

答案 1 :(得分:0)

这就是我要做的事情:

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