HTMLのテーブルタグ(テーブル)を深く理解する

PHPz
リリース: 2017-04-02 10:01:45
オリジナル
1751 人が閲覧しました

Table (テーブル) は昔から皆さんに使われているタグですが、現在ウェブサイトの再構築に伴い、レイアウトにはテーブルを使用しないことをお勧めします。テーブル(テーブル)を使用することがいわゆる非標準であると友人は誤解していますが、実際にはテーブル(テーブル)は重要な要素です。 少し前まで、メインの


を見つけるために、長い間皆さんに使われてきたタグですが、現在のウェブサイト再構築のため、現在でも使われています。テーブル(テーブル)はレイアウトに使用しないことをお勧めします。テーブル(テーブル)を使用することはいわゆる非標準であると誤解されています。重要な要素です。
つい最近まで、テーブルに含まれる主要なタグを探していたのですが、それを見つけたので、もちろんみんなと共有したいと思いました。
Table タグには主に table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup のタグが含まれます。それぞれの概要は次のとおりです。


table タグはテーブルを定義できます。
タグ内には、表のタイトル、表の行、表の列、表のセル、およびその他の表を配置できます。

テーブルに行を定義します。

テーブルのヘッダーを定義します。
thead、tfoot、tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、おそらくヘッダー行、データを含むいくつかの行、そして最後に合計行を配置する必要があるでしょう。この分割により、ブラウザはテーブルのヘッダーやフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。

テーブル本体(テキスト)を定義します。
タグを使用して、表を別のセクションに分割します。 タグは、テーブル内の 1 つ以上の行をグループ化します。
テーブルに 1 つまたは複数の タグを含めることもできますが、テーブルには タグを含めないことをお勧めします。
タグでは、 タグのみがテーブル行を定義できます。 タグを定義すると、テーブルの独立した部分になります。たとえば、ある

から別の に移動することはできません。
thead、tfoot、tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、おそらくヘッダー行、データを含むいくつかの行、そして最後に合計行を配置する必要があるでしょう。この分割により、ブラウザはテーブルのヘッダーやフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。

表のフッター (脚注) を定義します。
thead、tfoot、tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、おそらくヘッダー行、データを含むいくつかの行、そして最後に合計行を配置する必要があるでしょう。この分割により、ブラウザはテーブルのヘッダーやフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。

テーブル内の 1 つ以上の列の attribute 値を定義します。この属性はテーブルまたはコルグループでのみ使用できます。

テーブル列のグループ化を定義します。この要素を使用すると、書式設定の目的で列をグループ化できます。この要素は

caption 要素は表のタイトルを定義できます。キャプション タグは、テーブル タグの直後に続ける必要があります。テーブルごとに 1 つのタイトルだけを定義できます。通常、タイトルはテーブルの上の中央に配置されます。

テーブルのヘッダーセルを定義します。この th 要素内のテキストは通常​​、太字で表示されます。

テーブルにセルを定義します。
タグ内でのみ有効です。 タグを使用するには 2 つの方法があります。1 つは単に複数の同一の列を定義する方法、もう 1 つは複数の異なる列を結合する方法です。

以上がHTMLのテーブルタグ(テーブル)を深く理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!