<caption>要素

<caption>要素は<table>要素にキャプション(表題)を記述するときに使います。

表の表題は<caption>要素として<table>に含ませます。


    <table>
    <caption>表の表題</caption>
    <thead>
         (見出し行の内容)
      </thead>
      <tbody>
        (データ)
      </tbody>
    </table>
    

次の例は、キャプション付きテーブルを表示する例です。


    <!DOCTYPE html>

    <html lang="ja">
    
    <head>
      <meta charset="utf-8" />
    </head>
    
    <body>
    
      <table>
        <caption>各国の英語表記</caption>
        <thead>
          <tr>
            <th>日本語</th>
            <th>英語</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>日本</td>
            <td>Nippon</td>
          </tr>
          <tr>
            <td>米国</td>
            <td>United States of America</td>
          </tr>
          <tr>
            <td>スペイン</td>
            <td>Spain</td>
          </tr>
        </tbody>
      </table>
    
    </body>
    
    </html>
  

これで、ブラウザには次のように表示されます。

各国の英語表記
日本語 英語
日本 Nippon
米国 United States of America
スペイン Spain

関連項目

<pre>


HTML目次 inserted by FC2 system