TH

th 要素 (HTML)

[1] HTMLtd 要素型は、 見出しこま (header cell) をあらわします。

[6] 仕様書:

[2]

局所名
th
名前空間名
http://www.w3.org/1999/xhtml
開始タグ
必須
終了タグ
省略可能 (HTML 4), 必須 (XHTML 1)
内容模型
%flow*
出現できる文脈
tr 直下
属性
属性名属性値既定値説明状態出典
abbr%Text(なし)省略形[HTML 4]
align揃え[HTML 4] %cellhalign
axis#IDREF(なし)関連する見出し[HTML 4]
background%URI背景画像非標準
bgcolor背景色[HTML 4] 非推奨
bordercolor%Color境界色非標準
bordercolordark%Color境界色非標準
bordercolorlight%Color境界色非標準
char揃える文字[HTML 4] %cellhalign
charoff揃える文字[HTML 4] %cellhalign
class[HTML 4] %coreattr
colspanNUMBER1列またぎ[HTML 4]
dir書字方向[HTML 4] %i18n
headersIDREFS(なし)見出しこま[HTML 4]
height高さ[HTML 4] 非推奨
id一意識別子[HTML 4] %coreattr
lang自然言語[HTML 4] %i18n
xml:lang自然言語[XHTML1]
nowrap(真偽値属性)(偽)折返しなし[HTML 4] 非推奨
onclick[HTML 4] %events
ondblclick[HTML 4] %events
onkeydown[HTML 4] %events
onkeypress[HTML 4] %events
onkeyup[HTML 4] %events
onmousedown[HTML 4] %events
onmousemove[HTML 4] %events
onmouseout[HTML 4] %events
onmouseover[HTML 4] %events
onmouseup[HTML 4] %events
rowspanNUMBER1行またぎ[HTML 4]
scope%Scope(なし)見出し適用範囲[HTML 4]
styleスタイル情報[HTML 4] %coreattr
title注釈的題[HTML 4] %coreattr
valign垂直配置[HTML 4] %cellvalign
width[HTML 4] 非推奨
xmlnshttp://www.w3.org/1999/xhtml 固定名前空間名W3C 勧告XHTML m12n

状態

[14] HTMLElement の状態に加えて、

headers
DOMTokenList

レンダリング

[3] UA は、見出しこま (th) とデータこま (td) の別を利用して、著者のスタイル・シートがなくとも表をそれっぽく表示できます。 HTML 4 仕様書に挙げられているレンダリング例:

UA は、見出しこまの内容または abbr 属性値のいずれかをレンダリングしなければなりません。

[4] 多くの視覚 UA の既定スタイルは >>5 です。

[7] th 中に p を使った例

<table cellspacing="0" class="mini-market-tbl">
<tr><th><p>ソニー</p></th><td><p><a href='http://rd.nikkei.co.jp/stock/h/6758' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>株価</a> | <a href='http://nikkei.goo.ne.jp/perfect/basic_1213.html' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>企業情報</a> | <a href='http://www.sony.co.jp' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>ホームページ</a></p></td></tr>

<tr><th><p>シャープ</p></th><td><p><a href='http://rd.nikkei.co.jp/stock/h/6753' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>株価</a> | <a href='http://nikkei.goo.ne.jp/perfect/basic_1209.html' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>企業情報</a> | <a href='http://www.sharp.co.jp/' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>ホームページ</a></p></td></tr>
<tr><th><p>松下電器産業</p></th><td><p><a href='http://rd.nikkei.co.jp/stock/h/6752' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>株価</a> | <a href='http://nikkei.goo.ne.jp/perfect/basic_1208.html' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>企業情報</a> | <a href='http://panasonic.co.jp/' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>ホームページ</a></p></td></tr>

<tr><th><p>日立製作所</p></th><td><p><a href='http://rd.nikkei.co.jp/stock/h/6501' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>株価</a> | <a href='http://nikkei.goo.ne.jp/perfect/basic_1161.html' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>企業情報</a> | <a href='http://www.hitachi.co.jp/' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>ホームページ</a></p></td></tr>
<tr><th><p>キヤノン</p></th><td><p><a href='http://rd.nikkei.co.jp/stock/h/7751' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>株価</a> | <a href='http://nikkei.goo.ne.jp/perfect/basic_1458.html' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>企業情報</a> | <a href='http://canon.jp/' target='betsuwaku' onClick='s_objectID="N-linkst"; var s=s_gi("nikkeicojpnnetprod,nikkeicojpglobal");s.linkTrackVars="prop7";s.prop7="N-linkst";s.tl(this,"o","N-linkst");'>ホームページ</a></p></td></tr>

</table>

メモ

メモ

[8] IRC logs: freenode / #whatwg / 20100414 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20100414#l-711

[9] Web Applications 1.0 r5464 Define <th> centering more accurately.Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=9542 ( ( 版)) http://html5.org/tools/web-apps-tracker?from=5463&to=5464

[10] IRC logs: freenode / #whatwg / 20130604 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130604#l-1372

[11] Fix #345: Remove table sorting model · whatwg/html@59b7e24 ( 版) https://github.com/whatwg/html/commit/59b7e2466c2b7c5c408a4963b05b13fd808aa07a

[12] Fix #345: Remove table sorting model · whatwg/html@59b7e24 ( 版) https://github.com/whatwg/html/commit/59b7e2466c2b7c5c408a4963b05b13fd808aa07a

[13] Merge the two table cell interfaces together · whatwg/html@e383ae2 ( 版) https://github.com/whatwg/html/commit/e383ae23776362cafb2fb4bbba70c8c9080d4b0f

[15] Editorial: Cross-reference DOM "child" where appropriate in rendering (zcorpan著, ) https://github.com/whatwg/html/commit/e8c91c05edc8d6cdb33fdd5452e052359d40490b

[16] Specifiy name and description rules for td, th and tr elements - issue … (asurkov著, ) https://github.com/w3c/html-aam/commit/7ef3eb19602be3179b39b728494639788c9f4f36

[17] Specifiy name and description rules for td, th and tr elements - issu… by asurkov · Pull Request #132 · w3c/html-aam () https://github.com/w3c/html-aam/pull/132

[18] HTML-AAM: td and tr Name and Description Computation not specified · Issue #44 · w3c/html-aam () https://github.com/w3c/html-aam/issues/44

[19] Change <td hidden> to render as display: none (zcorpan著, ) https://github.com/whatwg/html/commit/b3c7c89e198bcebefab7c57777e9564ecd83f7e4

[20] Specifiy name and description rules for td, th and tr elements - issue … (asurkov著, ) https://github.com/w3c/html-aam/commit/7ef3eb19602be3179b39b728494639788c9f4f36

[21] Specifiy name and description rules for td, th and tr elements - issu… by asurkov · Pull Request #132 · w3c/html-aam () https://github.com/w3c/html-aam/pull/132

[22] HTML-AAM: td and tr Name and Description Computation not specified · Issue #44 · w3c/html-aam () https://github.com/w3c/html-aam/issues/44

[23] HTML-AAM: td and tr Name and Description Computation not specified · Issue #352 · w3c/aria () https://github.com/w3c/aria/issues/352