0

内部行が td に入らない理由を誰か教えてください。

<tr id="group_1_id">
    <th>Group 1</th>
    <td>
        <tr id="1"><td>1</td><td>One</td><td><input type="text" name="one" value="one"/></td></tr>
        <tr id="2"><td>2</td><td>Two</td><td><input type="text" name="two" value="two"/></td></tr>
        <tr id="3"><td>3</td><td>Three</td><td><input type="text" name="three" value="three"/></td></tr>
    </td>
</tr>

3 つのテーブル行は、親 tr の外にあります。それらは私の親trのtd内で定義されていますが。

前もって感謝します

4

1 に答える 1

8

あなたのHTMLは正しくないと思います。ヘッダー セクションが必要な場合は、 ではなく<thead> or<tbody>要素を使用します<th>。あなたの問題は、<th>代わりにを使用したという事実から生じたと思います<thead>。

バリデーターを使用して、HTML が正しいかどうかを確認することができます。たとえば、ページをhttp://validator.w3.orgにアップロードし、表示されるエラーを修正します。

テーブルに複数のヘッダー セクションを作成する必要があると思われるため、仕様 ( www.whatwg.org など) も確認してください。テーブルには<thead>、複数の 、複数の<tfoot>、および任意の数の<tbody>要素を含めることができます。

ああ、あなたは質問を再編集しましたが、問題は同じです:)

または内に要素を配置する<tr>ことはできません。そのコードが解析されると、ネストされたテーブルが自動的に作成されるため、実際の HTML は次のようになります。<td><th>

<tr id="group_1_id">
  <th>Group 1</th>
  <td>
    <table>
      <tbody>
        <tr id="1"><td>1</td><td>One</td><td><input type="text" name="one" value="one"/></td></tr>
        <tr id="2"><td>2</td><td>Two</td><td><input type="text" name="two" value="two"/></td></tr>
        <tr id="3"><td>3</td><td>Three</td><td><input type="text" name="three" value="three"/></td></tr>
      </tbody>
    </table>
  </td>
</tr>
于 2012-06-05T13:57:58.393 に答える