如果我的元素有“
”，我还需要使用 title 属性吗？

发布于 2024-09-24 20:15:21 字数 326 浏览 8 评论 0原文

我有一段这样的代码：

<figure>
    <img title="An amazing image that I forgot to specify a url for"/>
    <figcaption>An amazing image that I forgot to specify a url for</figcaption>
</figure>

除了figcaption元素之外，我是否还需要指定title属性，这样做不会导致SEO问题吗？

原文

I have a piece of code like this:

<figure>
    <img title="An amazing image that I forgot to specify a url for"/>
    <figcaption>An amazing image that I forgot to specify a url for</figcaption>
</figure>

Is it necessary for me to specify the title attribute in addition to the figcaption element, and will not doing so result in SEO problems?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

溺ぐ爱和你が 2024-10-01 20:15:21

标题属性主要用于提供有关该图像或链接的内容的工具提示。通常是目标的头衔。

在图像中，使用Figcaption应该足以克服标题属性，因此您有一个特定的标记来描述资源。然而，请考虑始终使用 ALT 属性，即使使用Figcaption。

这是因为一张图中可以有多个图像。

例如，使用 3 个图像来说明流程的进度。

<figure>
<img src="img1.png" alt="The start of process. Subject is raw." />
<img src="img2.png" alt="Middle process. Subject is changing." />
<img src="img3.png" alt="End of process. Subject is completely transformed." />
<figcaption>Process steps, from left to right: raw subject, changing and changed subject.</figcaption>
</figure>

Title attribute is mainly for providing a tooltip about what is that image or link about. Usually a the target's title.

In the images, using figcaption should be enough to overcome title attribute, hence you have a specific markup for describing the resource. Howver consider always using ALT attribute, even with figcaption.

This is because you can have more than one image in a figure.

For example, using 3 images for ilustrating progress on a process.

<figure>
<img src="img1.png" alt="The start of process. Subject is raw." />
<img src="img2.png" alt="Middle process. Subject is changing." />
<img src="img3.png" alt="End of process. Subject is completely transformed." />
<figcaption>Process steps, from left to right: raw subject, changing and changed subject.</figcaption>
</figure>

回复收藏 0 原文