Question

我有一个看起来像这样的预告片列表：

<ul>
  <li>
    <a href="#">
      <article>
        <h1>Title of Video</h1>
        <img src="thumbnail.jpg">
        <p>Something about the video</p>
      </article>
    </a>
  </li>
  <li>
    <a href="#">
      <article>
        <h1>Title of Video</h1>
        <img src="thumbnail.jpg">
        <p>Something about the video</p>
      </article>
    </a>
  </li>
  <li>
    <a href="#">
      <article>
        <h1>Title of Video</h1>
        <img src="thumbnail.jpg">
        <p>Something about the video</p>
      </article>
    </a>
  </li>
</ul>

我应该使用<figure>和<figcaption>代替<article>吗？

据我了解，如果文字直接描述图片中的内容而不是上面描述的情况，我应该只使用这些标签。
但也许我错了......

Answer 1

我不会使用figure，因为我一直认为section更多地涉及解释或增强主要文章的内容。它不会出现在文档大纲中，并且可以想象地作为独立内容移动而不会使自身或主文档无法使用。在这种情况下，这些条件似乎都不适用，但它可能取决于主文档的意图。

由于预告片不是独立的内容，并且不能单独进行联合（换句话说，视频本身就是文章），我使用的是article而不是d1 <- data.frame(x1 = c(0,10,10,20,2,2,6), date = c(3652,3652,3653,3654,3655,3656,3657)) d2 <- data.frame(rat = c(1.2,1.3,1,1,1.2,1.3), date = c(3652,3653,3654,3655,3656,3657)) > d1 x1 date 1 0 3652 2 10 3652 3 10 3653 4 20 3654 5 2 3655 6 2 3656 7 6 3657 > d2 rat date 1 1.2 3652 2 1.3 3653 3 1.0 3654 4 1.0 3655 5 1.2 3656 6 1.3 3657。

Answer 2

我认为figure不是一个好选择，因为

您不仅仅包含主要内容（即缩略图）和标题（即说明），即标题和
figcaption必须注释figure的内容，在您的情况下是缩略图，而不是视频本身，但提供标题并不真正有意义缩略图。

但即使figure可能合适，我认为使用article是更好的选择：

如果你决定链接到视频作者（这本身就是article适合的一个好指标，它允许你使用author link type：因为内容可能有与页面作者不同的作者。）
它允许您使用bookmark link type作为视频的链接（同样，article适用于此类情况的标志。）

如果您使用bookmark类型，a应该是article的一部分：

  <article>
    <a href="" rel="bookmark">
      <h1>Title of Video</h1>
      <img src="thumbnail.jpg" alt="">
      <p>Something about the video</p>
    </a>
  </article>

HTML：我应该使用数字和figcaption（视频）传情元素

2 个答案: