Javascript 使用图像作为链接的更好方法是什么

使用图像作为链接的更好方法是什么

<A HREF="javascript:password()">
<IMG SRC="pict1.gif" NAME="pic1" ALT="about us!" BORDER="0" align="left"></A>

或者在img标签中使用onClick做同样的事情？？

---

哪一个是可取的？？两者都同样好用？？？

我是好语义学的粉丝。设计为链接，所以我建议使用它：D

我非常喜欢好的语义。设计为一个链接，所以我建议使用它：D

使用a标记，如果用户没有启用javascript，您可以使代码工作！因此，我会选择a标记，但也要记住，当单击链接时，可以使用jQuery或类似工具来获得javascript效果。

使用a标记，如果用户没有启用javascript，则可以使代码正常工作！因此，我会选择a标记，但也要记住，当单击链接时，可以使用jQuery或类似工具来获得javascript效果。

我会选择锚定a标记，除非有很好的理由去做其他事情。链接是锚的作用，所以你可以获得可访问性的好处，等等。

我会选择锚和标签，除非有很好的理由去做其他事情。链接是锚的作用所在，因此您可以获得可访问性方面的好处，等等。

我将附和其他人，您应该始终采用语义方法。但是，从href的值来看，似乎您实际上并没有链接到任何东西，而是您的a标记正在执行一个操作

在这种情况下，您可以像使用按钮一样使用锚点，而语义无论如何都会丢失。我会选择一个图像按钮：

<input type="image" src="pict1.gif" onclick="password();" />

---

除了一般的SEO原因外，您为什么要关心语义的一个例子是，您正在指示浏览器正在发生什么。例如，上面代码中的图像按钮或问题中锚定中的图像都会导致图像在悬停时具有指针光标，而如果使用普通img onclick解决方案，则必须显式设置该行为的样式，有效地复制了浏览器本机可以处理的内容。

我将与其他人一起指出，您应该始终采用语义方法。但是，从href的值来看，似乎您实际上并没有链接到任何东西，而是您的a标记正在执行一个操作

在这种情况下，您可以像使用按钮一样使用锚点，而语义无论如何都会丢失。我会选择一个图像按钮：

<input type="image" src="pict1.gif" onclick="password();" />

---

除了一般的SEO原因外，您为什么要关心语义的一个例子是，您正在指示浏览器正在发生什么。例如，上面代码中的图像按钮或问题中锚定中的图像都会导致图像在悬停时具有指针光标，而如果使用普通img onclick解决方案，则必须显式设置该行为的样式，有效地复制浏览器本机可以处理的内容。

为了便于访问，您应该使用锚标记。您可以将其设置为显示图像

<style>
  a.image {display:block; background-image: url('images/mypic.gif')}
</style>

<a class='image' href='acme.html' style=></a>

---

为了便于访问，您应该使用锚定标记。您可以将其设置为显示图像

<style>
  a.image {display:block; background-image: url('images/mypic.gif')}
</style>

<a class='image' href='acme.html' style=></a>

---

我不鼓励这两种方法。逻辑、表示和结构应始终分开。改为这样做：

myClickable.addEventListener('click', password, false);

---

我不鼓励这两种方法。逻辑、表示和结构应始终分开。改为这样做：

myClickable.addEventListener('click', password, false);

---

如果它仅仅是一个链接，那么锚定对你来说会很好，但如果你需要做一些操作，而不仅仅是重定向，按钮会更好。

如果它仅仅是一个链接，那么锚定对你来说会很好，但如果您需要执行某些操作，而不仅仅是重定向，则按钮会更好。

有三种常见技术：

a with href=javascript:which a href=onclick=which；返回false； 带onclick的img=任意值 1和2将在单击图像时在图像周围创建点焦点边框，有时这是不可取的

1和2在图像周围添加与文档中链接颜色相同的边框，因此您可能希望将边框设置为0

1和2将在鼠标悬停时显示指针

3的行为不像链接。。。没有焦点边框，没有链接颜色边框M没有指针，鼠标悬停时状态栏中没有显示任何内容

---

就我个人而言，我会选择选项3：对带你去某处的链接使用a标记，不要将它们用作操作按钮。

有三种常见技术：

a with href=javascript:which a href=onclick=which；返回false； 带onclick的img=任意值 1和2将在单击图像时在图像周围创建点焦点边框，有时这是不可取的

1和2在图像周围添加与文档中链接颜色相同的边框，因此您可能希望将边框设置为0

1和2将在鼠标悬停时显示指针

3的行为不像链接。。。没有焦点边框，没有链接颜色边框M没有指针，鼠标悬停时状态栏中没有显示任何内容

就我个人而言，我会选择选项3：u

---

为带您去某处的链接添加一个标记，不要将它们用作操作按钮。

如果href的值为，那么这实际上不会在禁用js的情况下工作，不是这段代码，但它可以是指向同一资源或操作的链接。这完全取决于它是如何创建的！考虑到href的值，这实际上不会在禁用js的情况下工作，不是这段代码，但它可能是指向同一资源或操作的链接。这完全取决于它是如何创建的！禁用CSS的人看不到图像，所以在里面使用img标签更好。不。Css通常从不被禁用。您正在考虑Javascript。最好的做法是将样式放在一个单独的文件中，但为了简洁起见，我将两者结合在一起。禁用CSS的人看不到图像，所以最好在其中使用img标记。否。Css通常从不被禁用。您正在考虑Javascript。最好的做法是将样式放在一个单独的文件中，但为了简洁起见，我在这里将两者结合起来。非常感谢。但是考虑到我对这个问题的回答。。我觉得没有一种标准是大家都能接受的。。我的意思是，这就像我们选择在这种情况下使用的一样？？完全正确。看看每种方法的优缺点，决定采用哪种方法并坚持下去。非常感谢。但是考虑到我对这个问题的回答。。我觉得没有一种标准是大家都能接受的。。我的意思是，这就像我们选择在这种情况下使用的一样？？完全正确。看看每种方法的优缺点，决定采用哪种方法并坚持下去。