★HTML5タグリファレンス

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

<caption> …… テーブル(表)にキャプションをつける
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9
Firefox1Firefox2Firefox3Firefox4
Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
Safari3Safari4Safari5
Opera6Opera7Opera8Opera9Opera10
広告



このページでは、HTML5のcaption要素を解説しています。
caption要素の最新情報は、以下を参照してください。

<caption>タグは、テーブル(表)にキャプションをつける際に使用します。
<caption>は<table>~</table>の最初の子要素として配置します。

キャプションとは、表のタイトルや説明のことです。
例えば、<caption>~</caption>の中に段落を配置して、表の説明文を入れても問題ありません。

<figure>~</figure>の子要素に、
<figcaption><table>しか存在しない場合、
<figcaption>がテーブルのキャプションとして機能するので、<caption>は省略するべきでしょう。

一般的なブラウザでは、キャプションはテーブルの上部に表示されますが、
CSSのcaption-sideプロパティで表示位置を指定することができます。

■HTML4.01からHTML5へのバージョンアップによる変更点

HTML4.01では、caption要素には揃え位置を指定するalign属性が、非推奨とされながらも用意されていました。
HTML5では、caption要素のalign属性は廃止されています。
揃え位置の指定にはCSSを使用してください。

■使用例

HTMLソース

<table>
<caption>
<p>これは、2つのサイコロを振った場合の合計値の早見表です。最初の横行と縦行は、それぞれのサイコロの目を表します。</p>
</caption>
<tbody>
<tr><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th></tr>
<tr><th>1</th><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr>
<tr><th>2</th><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><th>3</th><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr>
<tr><th>4</th><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td></tr>
<tr><th>5</th><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td></tr>
<tr><th>6</th><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td></tr>
</tbody>
</table>

↓↓↓

ブラウザ上の表示

これは、2つのサイコロを振った場合の合計値の早見表です。最初の横行と縦行は、それぞれのサイコロの目を表します。

1 2 3 4 5 6
1 2 3 4 5 6 7
2 3 4 5 6 7 8
3 4 5 6 7 8 9
4 5 6 7 8 9 10
5 6 7 8 9 10 11
6 7 8 9 10 11 12

広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
56 users signed up
もっと表示する