html - 什么 HTML 元素应该用于图像下的标签/标题？

Question

假设我有一排图片，每张图片下面都应该有一个简短的标签或标题。

我应该使用 <h3> 吗？或者只是 <div>还是该标签或标题的其他内容？

例如:

<ul>
    <li>
        <img ...>
        <h3>Iron Man</h3>
    </li>
    <li> ... 
    </li>
</ul>

它实际上取决于 3 种情况，即，

1. 如果标题是针对此页面的内容(例如鸟的图片及其学术名称，例如“麻雀”和“雀科”)，那么 <h3>更有意义吗？或

2. 如果它只是一个游戏的标题，那么它可以是“钢铁侠”、“hello kitty”、“兔八哥”等，这样它就真的不代表页面的真实内容了而只是一些用于游戏的名称，然后 <div>会更合适，或者

3. 如果游戏是针对“hello kitty”、“pochacco”、“keroppi”的，那么它们都是 Sanrio 的角色，那么使用 <h3> 实际上在语义上更正确。因为它们实际上代表了游戏主题的有意义的名称？

(或者除了 <h3> 和 <div> 之外，使用其他标签在语义上是否更正确？)

Answer 1

我建议使用 <figure>和 <figcaption>元素:

<li>
    <figure>
        <img src="…" />
        <figcaption>
            <h3>Image Title</h3>
            <p>some text to describe the image</p>
        </figcaption>
    </figure>
</li>

但这是非常主观的。

引用资料:

• <figcaption> .
• <figure> .