html - 在网页中用作 "button"的是什么？

Question

我一直在浏览各种网站，发现了多种制作“按钮”的方法。每种方式的优缺点是什么？

<div class='btn'><a>Click Me!</a></div>

<span class='btn'><a>Click Me!</a></span>

<a class='btn'>Click Me!</a>

CSS:

.btn{
 display:inline-block;
 min-width:100px;
 text-decoration:none;
 cursor: pointer;
}

Answer 1

这三者完全相同。它们都只是一个链接，唯一的区别是父类用作选择器目标。它们实际上是相同的。

不过，第一个和第二个之间有一个区别。默认情况下，div 是 block 元素，而 span 和 a 标签都是内联的，因此 dive 会填满容器的整个宽度，但可以使用 css 进行更改(如您的示例所示)。

为什么不只是，我不知道..叫我疯了..但是为什么不直接使用一个实际的按钮呢？

我能想到不使用按钮的唯一原因是如果您希望链接对搜索蜘蛛可见。如果您打算使用 javascript 发布表单，那么我建议您改用按钮。