Question

我想知道如何格式化我的代码。哪个更好？

<a href="http://stackoverflow.com">
<img src="http://localhost/g3.jpg" alt="" height="90" width="150">
Q&A for professional and enthusiast programmers
</a>

OR

<a href="http://stackoverflow.com">
<img src="http://localhost/g3.jpg" alt="" height="90" width="150">
</a>
<a href="http://stackoverflow.com">Q&A for professional and enthusiast programmers</a>

Answer 1

这完全取决于你想得到什么：

如果您只想要一个链接（我想，就是这种情况，在这里？），那么请使用第一个解决方案
如果你想要两个不同的链接（不确定为什么你想要这个，因为它们都指向同一个位置），那么请使用第二个解决方案。

在这里，您希望<img>和文字链接到同一页面 - 因此，我认为只使用一个<a>

更合乎逻辑

Answer 2

除非你有两个链接的具体原因，否则我肯定会选择第一个。不要在正确的编码风格方面考虑它，而是从有意义的可用性方面考虑它。

请注意，您还可以选择仅使用链接中的文本，并将图像设置为CSS中链接的background-image属性。在许多情况下，这正是我要做的事情，除非图像本身对理解链接至关重要。

在这种情况下，最好的想法是，“哪种HTML结构最能准确地表示我希望用户如何看待这个元素？”

Answer 3

第一个对我来说更有意义（因为你想要图像和文本都是链接的一部分，我认为没有理由做出两个链接）。

编码风格 - 图像链接与描述

3 个答案: