html - CSS布局，表格与否

Question

我需要为 CSS 实现这样的布局：

picture: description
picture: description
   .
   .
   .
picture: description

我很想这样做：

<table>
       <tr>
            <td>picture</td>
            <td>description</td>
       </tr>
          .
          .
          .
</table>

但我读过表应该只用于严格的表格数据。我的问题是：这是正确的情况吗？如果不是，什么是有效的替代方案？

Answer 1

您应该为此使用新的 HTML5 元素，因为它们语义丰富。

figure and figcaption

这是标记在网站中的样子：

<figure>
    <img src="example.jpg" alt="example" />
    <figcaption>
      <p>This is the text I would use to describe the image</p>
    </figcaption>
</figure>

这是我使用浮动作为布局的位置和宽度的jsFiddle，您可以随时更改。