HTML のネストされたテーブル
「ネストされたテーブル」は、HTML コーディングでテーブルを使用する際の最も重要な概念の 1 つです。ネストされたテーブル、つまり「テーブル内のテーブル」は、より大きく複雑なテーブルを作成するときに使用される概念です。複雑で大きなテーブルのほとんどには、コーディングをより適切に制御するために、メイン テーブル内にテーブルのネストが含まれている場合があります。ネストされたテーブルを使用すると、美しく興味深い外観やビジュアルを作成できますが、ルーズエンド エラーが発生する可能性があります。
確かに、ネストされたテーブルを使い始めると、テーブル内にテーブルを作成する際にコーディング、保守、処理が必要なタグや要素がすべて必要になるため、扱いが難しくなります。しかし、このような概念を理解し、その複雑さに少し踏み込むと、その中でタグを操作するのがはるかに簡単になります。
テーブル内にテーブルを作成するには?
| などのテーブル タグを使用してネストされたテーブルを作成するだけで、別のテーブル内にテーブルを作成できます。テーブルをネストすると複雑さのレベルが高くなる可能性があるため、ネストしたテーブルの開始と終了は同じセル内で行うようにしてください。ネストされたテーブルを任意のレベルまで作成できます。同じセル内に内部テーブルを作成することを忘れないでください。
以下はネストされたテーブルの解釈です。以下の画像は、表の 5 レベルのネストを示しています。表の色は「青」が最外側、またはネストされた表が白、赤、黄、緑の色で表されたコンテナ表です。
今回は、ネストされたテーブルの別の例を段階的に作成してみます。
|
