* 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]]
[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] 典型的レンダリング: 見出しこまを太字、水平垂直中央に配置
()
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]] 版)
>
[PRE(HTML example code)[
]PRE]
[[#comment]]
** メモ
[[#comment]]
* メモ
[8] [CITE[IRC logs: freenode / #whatwg / 20100414]]
([TIME[2010-04-28 23:30:42 +09:00]] 版)
[9] [CITE@en[Web Applications 1.0 r5464 Define | centering more accurately.Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=9542]]
( ([TIME[2010-09-10 18:01:00 +09:00]] 版))
[10] [CITE[IRC logs: freenode / #whatwg / 20130604]]
( ([TIME[2013-06-06 22:25:38 +09:00]] 版))
|