html - 表の下部にキャプションを追加するにはどうすればよいでしょうか?

Question

テーブルの上にキャプションが表示されるテーブルがあります。

表の下部に別のキャプションを表示する必要があります。それはどのように可能でしょうか？

<table>
    <caption>My Table - Start</caption>
    <tbody></tbody>
    <tfooter></tfooter>
    <caption>My Table - End</caption>
</table>

Answer 1

<caption> は表の上部、<table> タグのすぐ下に配置する必要があります。次に、CSS を使用できます。

キャプション { キャプション側: 下; }

テーブルの下にそれを取得します。前の人が書いたように、テーブルごとに 1 つのキャプションのみ。表のタイトルが必要な場合は、<th> を使用するか、表の外に見出しを置き、CSS を使用して正しく配置します。

Answer 2

次のようにして、いくつかの CSS を適用することで、モックを作成できます。

<table>
  <caption class="cap">some caption text</caption>
  <tr>
    <td>cell 1</td><td>cell 2</td><td>cell3</td>
  </tr>
  <tr>
    <td>cell 1</td><td>cell 2</td><td>cell3</td>
  </tr>
  <tr>
    <td>cell 1</td><td>cell 2</td><td>cell3</td>
  </tr>
  <tr>
    <td colspan="3" class="cap foot">
        This is pretty much a footer caption.
    </td>
  </tr>
</table>

これが例です

Answer 3

キャプションはテーブルごとに 1 つしか持てず、テーブル タグの後に表示する必要があると思います。テーブルの直後に div を追加して、そこにキャプションを入れることができます。