はの中にある必要がありますか

https://stackoverflow.com/questions/5872924

28-10-2019
|

質問

テーブルの行を行います（<tr>）テーブルボディにいる必要があります（<tbody>）、テーブルにテーブル本体がある場合、またはテーブルボディの外に存在する可能性がありますか？

<table>
    <tr>
      <td colspan='2'>...</td>
    </tr>

    <tbody>
      <tr>
        <td>...</td>
        <td>...</td>
      </tr>
    </tbody>

    <tr>
      <td colspan='2'>...</td>
    </tr>

    <tbody>
      <tr>
        <td>...</td>
        <td>...</td>
      </tr>
    </tbody>

</table>

解決

いいえ、 <tr> にあることができます <thead>, <tbody>, <tfoot> または、それらのいずれかにある必要はありません。

他のヒント

テリル・トムソンが言ったことに反して、 <tr> 外側のタグ <thead>, <tfoot> と <tbody> タグがありますが、内側 <table> タグは、に対して検証されます W3Cマークアップ検証サービス.

このドキュメントは、HTML 4.01移行として正常にチェックされました。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
  <head>
  </head>
  <body>
    <table>
      <thead>
        <th colspan="2">head1</th>
        <th>head2</th>
      </thead>
      <tfoot>
        <th colspan="2">foot1</th>
        <th>foot2</th>
      </tfoot>

      <tr><td colspan="3">this row is outside of thead and tfoot</td></tr>

      <tbody>
        <tr>
          <td>1-1</td>
          <td>1-2</td>
          <td>1-3</td>
        </tr>
        <tr>
          <td>2-1</td>
          <td>2-2</td>
          <td>3-3</td>
        </tr>
        <tr>
          <td>3-1</td>
          <td>3-2</td>
          <td>3-3</td>
        </tr>
      </tbody>
  </body>
</html>

<tbody> あなたの体をマークするために使用されます <table>, 、テーブルが含まれている場合 <thead> （テーブルヘッダー）または <tfoot> （テーブルフッター）要素。あなたのテーブルにそれらの要素が含まれていない場合、あなたは自由に使用できません <tbody>.

正しい使用法は次のとおりです。

<table>
<thead><tr><th>Item          </th><th>Cost </th></tr></thead>
<tbody><tr><td>Stack Overflow</td><td>Free </td></tr>
       <tr><td>Something cool</td><td>$1.00</td></tr></tbody>
</table>

テーブルへのHTML4仕様

あなたが持っている場合 <tr> Aの外 <tbody>, 、ページは検証されません。http://validator.w3.org

他の人が指摘したように、 <tbody> 使用していない限りオプションです <thead> また <tfoot>. 。後者の2つの要素を使用する主な理由は、長いテーブルが印刷されている場合、各ページでヘッダーとフッターが繰り返されるためです。

カレンダーのようなものを作成しているように聞こえます。 <th> （例、日付の場合） <td> （例、その日付のイベントの場合）。その場合は、交互の行を包むべきではありません <thead> と <tbody> - そうすることで、ページの印刷に関しては、ブラウザからヘックを混同します。グループ化要素を除外するだけの場合、テーブルは検証されます。ただし、一部のスクリーンリーダーは、そのマークアップに混乱し、その下のすべてのセルにヘッダーの最上位の列を適用する場合があります。このような複雑なテーブルの場合、スクリーンリーダーがテーブルの編成方法を理解することを保証するために、追加のマークアップを追加する必要があります。アクセス可能なマークアップを備えたテーブルは次のとおりです。

<table summary="A brief description of how the table is organized, for screen reader users">
  <tr>
    <th colspan='2' id="header1">...</th>
  </tr>
  <tr>
    <td headers="header1">...</td>
    <td headers="header1">...</td>
  </tr>
  <tr>
    <th colspan='2' id="header2">...</th>
  </tr>
  <tr>
    <td headers="header2">...</td>
    <td headers="header2">...</td>
  </tr>
</table>

または、データを複数のテーブルで編成できるかどうか、または画面リーダーユーザーにとって使いやすい代替バージョンを提供できるかどうかを検討することもできます。たとえば、イベントカレンダーは、イベントのリストとしてさらに提示できます。

u003Ctbody>オプションであるため、答えは「はいu003Ctr>外にいることができます」 - 参照してください http://www.w3.org/tr/html4/struct/tables.html#h-11.2.3 .

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow