使用<a> or <div> for the image buttons</div></a>

Question

哪种方式更适合制作图像按钮？

使用<a>： 将背景图像设置为我的图像 必须指定<a href="#">，但是，浏览器状态栏中会有一个网址，这有点烦人。

使用<div>： 将背景图像设置为我的图像 但是，在浏览器状态栏中没有显示网址，但必须在.css

中添加cursor:pointer

Answer 1

我不会亲自去找div，因为语义上 div不是按钮。如果你想要一个执行JavaScript动作的按钮，我可能只使用<button></button>标签。

可以将其他HTML元素放在按钮标记内，就像使用div一样

重申@Richard JP Le Guen所说的，理想情况下你也可以使用JavaScript添加这些按钮，这样没有启用JavaScript的人就不会看到它们，或者你可以为那些没有启用JS的人提供替代功能。

Answer 2

我更喜欢使用<a>，因为浏览器本身处理点击事件。可点击的<div>需要javascript来处理点击事件。

在状态栏中显示目标网址通常被认为是一种很好的设计方法。它为用户提供了该按钮/链接将带来的信息。

Answer 3

使用第二种技术; anchors（<a>）用于超链接。使用锚点进行动态行为会影响浏览器状态栏（就像你说的那样），并且还为没有JavaScript的用户提供了他们可以与元素交互的印象 - 他们不能这样做。

理想情况下，您还可以使用JavaScript添加此<div>，以便没有JavaScript的用户根本不需要看到它。

Answer 4

斯坦！有几千行代码的CSS文件。这就是为什么还有一个规则“游标：指针”不是一个大问题。 ：）