-
Notifications
You must be signed in to change notification settings - Fork 4
/
149.txt
119 lines (96 loc) · 9.02 KB
/
149.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
* td 要素型 (HTML, XHTML 1)
[1] [[HTML]] の [DFN[[CODE(HTMLe)[td]] 要素型]]は、
[[表]]の[RUBYB[見出し[[こま]]][header cell]]をあらわします。
[6]
仕様書:
- [[HTML 4]]
-- [CSECTION[11.2.6 Table cells: The [CODE(HTMLe)[TH]] and [CODE(HTMLe)[TD]] elements]]
<IW:HTML4:"struct/tables.html#edef-TH">
[2]
:[[局所名]]:[CODE(HTMLe)[th]]
:[[名前空間名]]:[CODE(URI)[[[http://www.w3.org/1999/xhtml]]]]
:[[開始タグ]]:必須
:[[終了タグ]]:省略可能 (HTML 4), 必須 (XHTML 1)
:[[内容模型]]:[CODE[%[[flow]]*]]
:出現できる文脈:[CODE(HTMLe)[[[tr]]]] 直下
:[[属性]]:
,属性名,属性値,既定値,説明,状態,出典
,[CODE(HTMLa)[[[abbr]]]],[CODE[%[[Text]]]],(なし),省略形,[HTML 4]
,[CODE(HTMLa)[[[align]]]],,,揃え,[HTML 4] [CODE(SGML)[%[[cellhalign]]]]
,[CODE(HTMLa)[[[axis]]]],[CODE(ABNF)[#[CODE(SGML)[[[IDREF]]]]]],(なし),関連する見出し,[HTML 4]
,[CODE(HTMLa)[[[background]]]],[CODE(SGML)[%[[URI]]]],,背景画像,非標準
,[CODE(HTMLa)[[[bgcolor]]]],,,背景色,[HTML 4] 非推奨
,[CODE(HTMLa)[[[bordercolor]]]],[CODE(SGML)[%[[Color]]]],,境界色,非標準
,[CODE(HTMLa)[[[bordercolordark]]]],[CODE(SGML)[%[[Color]]]],,境界色,非標準
,[CODE(HTMLa)[[[bordercolorlight]]]],[CODE(SGML)[%[[Color]]]],,境界色,非標準
,[CODE(HTMLa)[[[char]]]],,,揃える文字,[HTML 4] [CODE(SGML)[%cellhalign]]
,[CODE(HTMLa)[[[charoff]]]],,,揃える文字,[HTML 4] [CODE(SGML)[%cellhalign]]
,[CODE(HTMLa)[[[class]]]] , , ,[[級]] ,[HTML 4] %[[coreattr]]
,[CODE(HTMLa)[[[colspan]]]],[CODE(SGML)[[[NUMBER]]]],[CODE(HTML)[1]],列またぎ,[HTML 4]
,[CODE(HTMLa)[[[dir]]]] , , ,[[書字方向]] ,[HTML 4] %[[i18n]]
,[CODE(HTMLa)[[[headers]]]],[CODE(SGML)[[[IDREFS]]]],(なし),見出しこま,[HTML 4]
,[CODE(HTMLa)[[[height]]]],,,高さ,[HTML 4] 非推奨
,[CODE(HTMLa)[[[id]]]] , , ,一意識別子 ,[HTML 4] %coreattr
,[CODE(HTMLa)[[[lang]]]] , , ,[[自然言語]] ,[HTML 4] %i18n
,[CODE(HTMLa)[[[xml]]:lang]] , , ,自然言語 ,[XHTML1]
,[CODE(HTMLa)[[[nowrap]]]],([[真偽値属性]]),(偽),折返しなし,[HTML 4] 非推奨
,[CODE(HTMLa)[[[onclick]]]] , , , ,[HTML 4] %[[events]]
,[CODE(HTMLa)[[[ondblclick]]]] , , , ,[HTML 4] %events
,[CODE(HTMLa)[[[onkeydown]]]] , , , ,[HTML 4] %events
,[CODE(HTMLa)[[[onkeypress]]]] , , , ,[HTML 4] %events
,[CODE(HTMLa)[[[onkeyup]]]] , , , ,[HTML 4] %events
,[CODE(HTMLa)[[[onmousedown]]]] , , , ,[HTML 4] %events
,[CODE(HTMLa)[[[onmousemove]]]] , , , ,[HTML 4] %events
,[CODE(HTMLa)[[[onmouseout]]]] , , , ,[HTML 4] %events
,[CODE(HTMLa)[[[onmouseover]]]] , , , ,[HTML 4] %events
,[CODE(HTMLa)[[[onmouseup]]]] , , , ,[HTML 4] %events
,[CODE(HTMLa)[[[rowspan]]]],[CODE(SGML)[[[NUMBER]]]],[CODE(HTML)[1]],行またぎ,[HTML 4]
,[CODE(HTMLa)[[[scope]]]],[CODE[%Scope]],(なし),見出し適用範囲,[HTML 4]
,[CODE(HTMLa)[[[style]]]] , , ,スタイル情報 ,[HTML 4] %coreattr
,[CODE(HTMLa)[[[title]]]] , , ,注釈的題 ,[HTML 4] %coreattr
,[CODE(HTMLa)[[[valign]]]],,,垂直配置,[HTML 4] [CODE(SGML)[%[[cellvalign]]]]
,[CODE(HTMLa)[[[width]]]],,,幅,[HTML 4] 非推奨
,[CODE(XMLa)[[[xmlns]]]],[CODE(URI)[[[http://www.w3.org/1999/xhtml]]]] 固定,==,[[名前空間名]],W3C 勧告,[[XHTML m12n]]
[[#comment]]
** レンダリング
[3] [[UA]] は、見出しこま ([CODE(HTMLe)[th]]) とデータこま ([CODE(HTMLe)[[[td]]]])
の別を利用して、著者の[[スタイル・シート]]がなくとも表をそれっぽく表示できます。
HTML 4 仕様書に挙げられているレンダリング例:
- 見出しこまを[[太字]]で表示する
- 見出しこまをデータこまとは異なる抑揚で読上げる
- [5] 典型的レンダリング: 見出しこまを太字、水平垂直中央に配置
(<IW:HTML4:"struct/tables.html#alignment">)
UA は、見出しこまの内容または [CODE(HTMLa)[abbr]] 属性値のいずれかをレンダリングしなければなりません。
- [[視覚UA]] は、こまの内容をすべて表示するには場所が足りないときに
[CODE(HTMLa)[abbr]] を使うとよいかもしれません。
- 非視覚 UA は、こまの内容と一緒に見出しを表示するときには
[CODE(HTMLa)[abbr]] を使うとよいかもしれません。
[4] 多くの視覚 UA の既定スタイルは >>5 です。
[[#comment]]
** 例
[7]
[CODE(HTMLe)@en[[[th]]]] 中に [CODE(HTMLe)@en[[[p]]]] を使った例
;; [CITE@ja[NIKKEI NET(日経ネット):企業ニュース−企業の事業戦略、合併や提携から決算や人事まで速報]] ([TIME[2008-02-24 23:01:35 +09:00]] 版) <http://www.nikkei.co.jp/news/sangyo/20080224AT1D220AC22022008.html>
>
[PRE(HTML example code)[
<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>
]PRE]
[[#comment]]
** メモ
[[#comment]]
* メモ
[8] [CITE[IRC logs: freenode / #whatwg / 20100414]]
([TIME[2010-04-28 23:30:42 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20100414#l-711>
[9] [CITE@en[Web Applications 1.0 r5464 Define <th> centering more accurately.Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=9542]]
( ([TIME[2010-09-10 18:01:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=5463&to=5464>
[10] [CITE[IRC logs: freenode / #whatwg / 20130604]]
( ([TIME[2013-06-06 22:25:38 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20130604#l-1372>