当<a>标签包含图像URL时如何设置其alt属性？

Question

这是我的代码：

<a itemprop='image' target='_blank' href='http://lamtakam.com/img/post/imageGenerator.php?tc=17&id=321780&t=%D8%B3%D9%84%D8%A7%D9%85'>show</a>

看到了吗？这是一个<a>标记，其中包含图像的URL。这就是为什么我为此设置了itemprop='image'的原因，幸运的是Google也检测到了它。

我想知道的所有信息，如何还可以为该图像设置文本？像alt属性？

Answer 1

不能。 <a>元素是容器，而不是替换的内容。没有任何内在内容可以替代。

Answer 2

@Quentin指出，您不能以这种方式使用<a>。

不过，您可以将<a></a>包裹在<img>周围。例如，您可以使用

<a itemprop='image' target='_blank' rel='noopener noreferrer' href='http://lamtakam.com/img/post/imageGenerator.php?tc=17&id=321780&t=%D8%B3%D9%84%D8%A7%D9%85'><img src='example-image.gif' alt='Example image' height='42' width='42'></a>

是否注意到其中的rel='noopener noreferrer'？如果您使用target='_blank'，则应使用rel='noopener noreferrer'来防止称为reverse tabnabbing的网络钓鱼攻击。