html - 文章标签和图片

Question

我了解文章标签是“内容的独立项目部分”www.w3.org/wiki/HTML/Elements/article

我的页面只有一篇博文。该博客在文本顶部有一个 img 和一个标题(它是一个 img，说明了我在博客文本中所说的内容)。 img 和 caption 应该在文章标签之内还是之外？

图片:

<img src="1.png">
<div>Caption of the image</div>

简化的博文:

<article>
<h1>Title of the post</h1>
<div>Last Updated: 2016-01-07</div>
<div>       
    <p>This is the body of the post</p>
</div>
<p>Author of the post</p>
</article>

Answer 1

您可能需要同时检查 figure 和 figcaption 标签。

文档中的示例:

<figure>
  <img src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" alt="An awesome picture">  
  <figcaption>Fig1. MDN Logo</figcaption>
</figure>

如果 figure 与 article 相关，那么我会将其放在 article 标记内。