Question

我可以为具有不同字幕的图像使用多个数字吗？或者也许应该使用div标题换新图像？例如：

<figure>
 <figcaption>XXX</figcaption>
 <img src="image/jmv.png" alt="XXX">
</figure>
<figure>
 <figcaption>XXX</figcaption>
 <img src="image/jmv.png" alt="XXX">
</figure>

Answer 1

figure元素可能包含多个图像，但它最多只能包含一个figcaption元素，因此它可以作为整个元素的标题。还有各种其他方法可以将字幕文本与图像相关联;毕竟，我们在发明figure之前使用了字幕。有点天真，你可以使用例如以下方法：

<figure>
  <figcaption>Two random images</figcaption>
  <table>
    <tr>
      <td>
        <img src="http://lorempixel.com/200/100/people" alt="(image 1)">
      <td>
        <img src="http://lorempixel.com/200/100/nature" alt="(image 2)">
    <tr>
      <td>
        A random image of people.
      <td>
        A random image of nature.      
  </table>
</figure>

备选您可以使用多个figure元素，每个元素都有一个图像和figurecaption，您可以在figure内包装div个元素，也可能包含它们的标题元素{1}}元素或section元素。

在任何一种选择中，都有很多变化。方法和变化的选择主要是品味和编码标准的问题，尽管它也可能受到技术考虑的影响。在特定的上下文中，某些方法可能更适合于样式或脚本目的。

<figure> with figcaption or headling？</figure>

1 个答案: