thの使い方についてまとめ

thの概要

thはtable headerの略です。表の見出しやタイトルとなるヘッダーセルを作成するタグです。

注意点

theadとは異なります。

thのカテゴリー

コンテンツカテゴリー

  • コンテンツカテゴリなし

    コンテンツモデル

    • コンテンツモデルなし

thに入れられるタグ一覧

タグ早見表

a abbr address article aside audio b bdo bdi blockquote br button canvas cite code data datalist del details dfn div dl em embed fieldset figure footer form h1 h2 h3 h4 h5 h6 header hr i iframe img input ins kbd label main map mark math menu meter nav noscript object ol output p pre progress q ruby s samp script section select small span strong sub sup svg table template textarea time ul var video wbr area(map要素の子孫の場合) link(itemprop属性がある場合) meta(itemprop属性がある場合) style(scoped属性がある場合) ただし、header, footer, セクショニングコンテンツ, ヘッディングコンテンツを子孫に持たない

入れられるタグのカテゴリー・モデル

thに使える属性

属性とは<th> タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。

よく使うグローバル属性

id 概要 要素に対してID固有の識別名を付けることができます。
属性の値 英字から始まる英数字
class 概要 要素に対して分類名を付けることができます。
属性の値 英字から始まる英数字
style 概要 要素に対して直接スタイルを指定することができます。
属性の値 スタイルシートのコード
colspan 概要 テーブルの列(縦)の数を指定します。
属性の値 数値。既定値は1です。1,000を超える値は使えません。
rowspan 概要 テーブルの行(横)の数を指定します。
属性の値 数値。既定値は1です。上限値は65,534です。
headers 概要 このセルに対応する見出しセルのリストです。
属性の値 th要素のidの値。
scope 概要 見出しとなるセルのリストを指定します。
属性の値 row, col, rowgroup, colgroup, auto
abbr 概要 セルの概要を定義します。音声ブラウザがセルの概略を読み上げる際に使用されます。
属性の値 文字列(テキスト)

スポンサードサーチ

thの使い方



ブラウザ対応状況

ブラウザの対応(PC)
Chrome あり
Safari あり
Internet Explorer あり
Edge あり
Firefox あり
Opera あり
ブラウザの対応(SP)
Chrome あり
Safari あり
Samsung Internet あり