<thead>要素

<thead>要素はHTMLの表(テーブル)要素の表題部(ヘッダー)であることを表す。

表を作るには、まず<table>要素を作成し、その中に<tbody>要素を配置します。
表に見出し行を表示するには<thead>要素を配置します。


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

見出し行は<tr>要素の中の<th>要素として記述します。


  <tr>
    <th>見出し1</th>
    <th>見出し2</th>
  </tr>
  

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


  <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>
  

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

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


関連項目


HTML目次 inserted by FC2 system