Edit

Page

Page title:

Page body:

[1]  [DFN[[CODE(HTMLe)[caption]] 要素型]]は、
題を表します。 [[HTML 4]] では、 [CODE(HTMLe)[[[table]]]]
要素内で表題を表すために使うことができます。

HTML 4 によれば、[CODE(HTMLe)[caption]] の内容は表の性質を記述するものであるべきです。

仕様書:
[HTML 4] <IW:HTML4:"struct/tables.html#caption">

[2]
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:[[内容模型]]:[CODE(SGML)[(%[[inline]])*]]
:出現できる文脈:[CODE(HTMLe)[[[table]]]] の第1子要素 (省略可能)
:[[属性]]:
,属性名	,属性値	,属性値	,既定値	,説明	,状態	,出典
,[CODE(HTMLa)[[[align]]]]	,[CODE(SGML)[([CODE(HTML)[[[top]]]] | [CODE(HTML)[[[bottom]]]] | [CODE(HTML)[[[right]]]] | [CODE(HTML)[[[left]]]])]]	,[CODE(HTML)[top]]	,配置	,[HTML4] 非推奨
,[CODE(HTMLa)[[[class]]]]	,	,	,[[級]]	,[HTML4] %[[coreattr]]
,[CODE(HTMLa)[[[compact]]]]	,([[真偽値属性]])	,([[偽]])	,コンパクト表示	,[HTML4] 非推奨
,[CODE(HTMLa)[[[dir]]]]	,	,	,[[書字方向]]	,[HTML4] %[[i18n]]
,[CODE(HTMLa)[[[id]]]]	,	,	,一意識別子	,[HTML4] %coreattr
,[CODE(HTMLa)[[[lang]]]]	,	,	,[[自然言語]]	,[HTML4] %i18n
,[CODE(HTMLa)[[[xml]]:lang]]	,	,	,自然言語	,[XHTML1]
,[CODE(HTMLa)[[[onclick]]]]	,	,	,	,[HTML4] %[[events]]
,[CODE(HTMLa)[[[ondblclick]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onkeydown]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onkeypress]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onkeyup]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmousedown]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmousemove]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmouseout]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmouseover]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmouseup]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[style]]]]	,	,	,スタイル情報	,[HTML4] %coreattr
,[CODE(HTMLa)[[[title]]]]	,	,	,注釈的題	,[HTML4] %coreattr
,[CODE(HTMLa)[[[valign]]]]	,	,	,	,非標準
,[CODE(XMLa)[[[xmlns]]]]	,[CODE(URI)[[[http://www.w3.org/1999/xhtml]]]] 固定	,==	,[[名前空間名]]	,W3C 勧告	,[[XHTML m12n]]

[3] [CODE(HTMLe)[caption]] の内容は、表の概要を伝えるために重要です。
[CODE(HTMLe)[[[table]]]] 要素の [CODE(HTMLa)[[[summary]]]]
属性も表の目的と構造の追加情報のために使うことができます。
[CODE(HTMLe)[caption]] のない表では [CODE(HTMLa)[summary]]
は特に重要です (と HTML 4 仕様書に書いてあります)。

* [CODE[HTMLCaptionElement]] インターフェイス (DOM)

[20] [CODE(DOMi)@en[[[Node]]]],
[CODE(DOMi)@en[[[Element]]]],
[CODE(DOMi)@en[[[HTMLElement]]]]
,[CODE(DOMa)@en[[[align]]]]	,[CODE(DOMi)@en[[[HTMLTableCaption]]]] ([[WinIE 4]])
,[CODE(DOMa)@en[[[vAlign]]]]	,[CODE(DOMi)@en[[[HTMLTableCaption]]]] ([[WinIE 4]])

* レンダリング

[4] 非推奨の [CODE(HTMLa)[align]] 属性を使うと、表本体に対してどこに表題を表示するのかを制御できます。

[5] HTML 4 仕様書は、視覚 UA が表題を含めて表の一部分だけを刳り貫くことは、
表の全体を見る手段 (scroll bar など) が用意されている場合を除き、
するべきではないと言っています。

そして、表題は表本体と同じ大きさで折り返すことが推奨されています。

* 実装

[6] [CODE(HTMLa)[align]] 属性を実装している UA でも、
左右の表示には対応していないものが少なくありません。

* 歴史

[8] [[XHTML2]] 第5次案で [CODE(HTMLe)@en[[[object]]]] [[要素]]の[[子供]]としても
[CODE(HTMLe)@en[[[caption]]]] [[要素]]を使えるようになりました。

;; [CITE@en[- XHTML Tables Module]] ([TIME[2003-05-08 01:23:41 +09:00]] 版) <http://www.w3.org/TR/2003/WD-xhtml2-20030506/mod-tables.html#edef_tables_caption>

[10] 更に2006年以後の[[編集者案]]では [CODE(HTMLe)@en[[[dl]]]]、
[CODE(HTMLe)@en[[[nl]]]]、[CODE(HTMLe)@en[[[ol]]]]、
[CODE(HTMLe)@en[[[ul]]]] でも使えるように拡張されていました。
(代わりに [CODE(HTMLe)@en[[[label]]]] は廃止されていました。)
[CODE(HTMLe)@en[[[img]]]] [[要素]]でも使えるようになっています。

* 関連

[9] [[見出し]]を表す[[要素]]には他に [CODE(HTMLe)@en[[[h[VAR[n]]]]]]
([[章節]])、[CODE(HTMLe)@en[[[legend]]]] ([[図]]、[[フォーム制御子]]群)
などがあります。

* メモ

[7]
[CITE[2007-11-02 - Hatena::agenda]] ([TIME[2007-11-02 14:04:27 +09:00]] 版) <http://d.hatena.ne.jp/jintrick/20071102>

[11] [CITE[IRC logs: freenode / #whatwg / 20101106]]
( ([TIME[2010-11-13 23:10:29 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20101106>

[12] [CITE@en[Web Applications 1.0 r8394     Fix errors in table.caption, table.tHead, table.tFoot]]
( ([TIME[2014-01-14 09:05:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=8393&to=8394>

[13] [CITE@en[Web Applications 1.0 r8394     Fix errors in table.caption, table.tHead, table.tFoot]]
( ([TIME[2014-01-14 09:05:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=8393&to=8394>

[14] [CITE@en[Web Applications 1.0 r8433   Make </caption> optional, since that seems to be interoperably supported already anyway]]
( ([TIME[2014-01-29 08:24:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=8432&to=8433>

[15] [CITE@en[Let HTMLTableElement create*() and insertRow() return specific types · whatwg/html@93cb3d6]]
([TIME[2015-12-01 11:38:21 +09:00]] 版)
<https://github.com/whatwg/html/commit/93cb3d61526cf956a739c57398760dc8a3a633bd>

[16] [CITE@en[Make <caption> rendering match reality better]]
([[zcorpan]]著, [TIME[2016-07-06 18:32:06 +09:00]])
<https://github.com/whatwg/html/commit/4eb7ae27e5f02a1336b06083f70c9b8454a4b0e7>

[FIG(quote)[
[FIGCAPTION[
[17] [CITE@en[Minutes '''['''was: Agenda for 971023 HTML WG meeting''']''']]
([[Dan Connolly]]著, [TIME[1997-10-24 03:37:08 +09:00]])
<https://lists.w3.org/Archives/Public/w3c-wai-hc/1997OctDec/0160.html>
]FIGCAPTION]

> 
> chair is unconvinced of the value of allowing caption at
> the end, takes the minimalist position:
> RESOLVED: only at the beginning (proposal carries)

]FIG]

[18] [CITE@en[Clarify which legend/figcaption/caption element to use (#146)]]
([[@zcorpan]]著, [TIME[2018-09-08 05:46:12 +09:00]])
<https://github.com/w3c/html-aam/commit/f311fe023964e1536e2f7d389aa02da6a824a741>

[19] [CITE@en[Clarify which legend/figcaption/caption element to use by zcorpan · Pull Request #146 · w3c/html-aam]]
([TIME[2018-10-17 13:02:11 +09:00]])
<https://github.com/w3c/html-aam/pull/146>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)