BinaryDevelop
  1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTML theadタグの定義と使い方の詳細

2022-01-16 17:49:19

コピーコード
コードは以下の通りです。

<thehead> <! -Take the first two lines as the head area ->
<tr>
<td rowspan="2″></td>
<td rowspan="2″></td>
<td rowspan="2″></td>
<td colspan="3″></td>
<td scope="col" colspan="2″ rowspan="2″></td>
</tr>
</thead>

このコードにあるコメント <thead> < の理由をお聞きしたいです! -なぜ、<head>のコメントに、最初の2行をhead領域とみなすとありますが、これは、要素のhead自体がデフォルトで2行になることを意味するのでしょうか？それとも他に何かあるのでしょうか？
また、scope="col"は、スコープをカラムに固定するという意味でしょうか？こんなことして何になるんですか？
これはrowspan="2″と組み合わせて、headは単にテーブルの頭を意味するようにします。
HTMLの<thead>タグ
定義と使用方法。
<thead> タグは、フォームのテーブルヘッダを定義します。このタグは、HTMLテーブルのテーブルヘッダーの内容を組み立てるために使用されます。
thead 要素は、tbody 要素および tfoot 要素と一緒に使用する必要があります。
tbody要素はHTMLのテーブルの中でボディの内容をグループ化するために、tfoot要素はHTMLのテーブルの中でテーブルノート（フッター）の内容をグループ化するために使用されます。
注）thead要素、tfoot要素、tbody要素を使用する場合は、すべて使用する必要があります。ブラウザがすべてのデータを受け取る前にフッターをレンダリングできるように、thead、tfoot、tbodyの順に表示されます。これらのタグは table 要素の内部で使用する必要があります。
ヒント：デフォルトでは、これらの要素はテーブルのレイアウトに影響を与えません。しかし、CSSを使用して、これらの要素がテーブルの外観を変更するようにすることができます。
詳細な説明
Thead、tfoot、tbody要素は、テーブル内の行をグループ化する機能を提供します。テーブルを作成する際、ヘッダ行、データのある行、そして一番下に合計行を置きたいと思うかもしれません。このように分割することで、ブラウザはテーブルのタイトルやフッターとは別に、テーブル本体のスクロールをサポートすることができます。長いフォームを印刷する場合、フォームのヘッダーとフッターは、フォームのデータを含む各ページに印刷することができます。
例 thead、tbody、tfoot 要素を持つ HTML テーブル。
コピーコード
コードは以下の通りです。

<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td> February</td>
<td>$80</td>
</tr>
</tbody>
</table>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します