编码风格 - 图片链接描述

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

我肯定会与第一次去除非你有两个链接的具体原因。不要根据正确的编码风格来考虑它，而应该明智地考虑可用性。

请注意，您也可以选择只使用在链接的文本，图像设置为链接的CSS中background-image财产。在很多情况下，这正是我所要做的，除非图像本身对理解链接至关重要。

在这种情况下，最好的办法是思考：“哪个HTML结构最准确地表示我希望用户如何感知此元素？”

Answer 2

第一个让我更有意义（因为你想同时图像和文字是链接的一部分，我看不出有任何理由让两个环节）。

Answer 3

这一切都取决于你想要得到什么：（？对此，我想，是这样的，在这里）

• 如果你只想要一个链接，然后与第一个解决方案去
• 如果你想要两个不同的链接（不知道你为什么想要这里，因为都指向相同的位置），然后去第二个解决方案。

在这里，你想要的<img>和文本链接到同一页 - 所以，我会说这是更符合逻辑只使用一个<a>