1

我想创建一个书籍封面列表，其中包含标题作为菜单条目，以指向书籍详细信息页面。在视觉上，它会是这样的：

+-----+ +-----+ +-----+ +-----+
|     | |     | |     | |     |
|     | |     | |     | |     |
|     | |     | |     | |     |
|     | |     | |     | |     |
+-----+ +-----+ +-----+ +-----+
Title 1 Title 2 Title 3 Title 4

+-----+ +-----+
|     | |     |
|     | |     |
|     | |     |
|     | |     |
+-----+ +-----+
Title 5 Title 6

我正在寻找最简洁的 html 结构：我不知道我是否应该使用浮动图形元素、无序列表或其他东西。你会推荐什么？

谢谢！

4

2 回答 2

1

我会这样做：

<ul>
  <li>
    <figure>
      <img src="" alt="" />
      <figcaption>IMG title</figcaption>
    </figure>
  </li>
  <!-- more li's -->
</ul>
于 2012-08-09T14:19:49.497 回答
1

你回答你自己的问题：

我想创建书籍封面列表

;-)

一个无序列表是有意义的。您也可以简单地制作一个 floatdiv的循环，或者甚至figure. 以下是规范对图形元素的说明：

figure 元素表示一个内容单元，可以选择带有标题，它是自包含的，通常作为单个单元从文档的主要流程中引用，并且可以从文档的主要流程中移开而无需影响文档的意义。

这取决于文档的整体结构，以及元素所起的作用。

于 2012-08-09T14:22:21.010 回答