1

本の詳細ページを指すメニュー エントリとしてタイトルを含む本の表紙のリストを作成したいと思います。視覚的には、次のようになります。

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

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

最もきちんとした html 構造を探しています。float figure 要素を使用するべきか、順序付けられていないリストを使用するべきか、またはその他のものを使用すべきかわかりません。あなたは何をお勧めします?

ありがとう!

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

あなたはあなた自身の質問に答えます:

ブックカバーのリストを作成したい

;-)

順序付けられていないリストは理にかなっています。divフロートされたs のループを単純に作成することもできますfigure。figure 要素に関する仕様の説明は次のとおりです。

figure 要素は、必要に応じてキャプションを付けて、自己完結型のコンテンツの単位を表し、通常はドキュメントのメイン フローから単一のユニットとして参照され、ドキュメントのメイン フローから移動することなく移動できます。ドキュメントの意味に影響を与えます。

ドキュメントの全体的な構造と、要素が果たす役割によって異なります。

于 2012-08-09T14:22:21.010 に答える