HTML5 <table> タグ
例
2行2列を含んだの簡単なテーブル:
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Try it yourself »
ブラウザ・サポート
<table> タグは、主要な全ブラウザがサポートしています。
定義と用法
<table> タグは、HTMLテーブルを定義します。
HTML テーブルは、<table> 要素および1つ以上の、
<th>、および <td> 要素から構成されます。
<tr> 要素は、テーブルの行を定義し、<th> 要素はテーブルヘッダーを定義し、
<td> 要素はテーブルのセルを定義します。
もっと複雑なHTMLテーブルには、<caption>、<col>、<colgroup>、<thead>、
<tfoot>、<tbody> 要素も指定することができます。
HTML 4.01 と HTML5 との相違点
"border" 属性だけが HTML5 でサポートされています。値は、"" または "1" です。
属性
| 属性 |
値 |
説明 |
| border |
""
1 |
テーブルのセルは、ボーダーを持つかどうかを指定する |
| cellpadding |
pixels |
HTML5 ではサポートしていない |
| cellspacing |
pixels |
HTML5 ではサポートしていない |
| frame |
void
above
below
hsides
lhs
rhs
vsides
box
border |
HTML5 ではサポートしていない |
| rules |
none
groups
rows
cols
all |
HTML5 ではサポートしていない |
| summary |
text |
HTML5 ではサポートしていない |
| width |
pixels
% |
HTML5 ではサポートしていない |
グローバル属性
<table> タグは、HTML5におけるグローバル属性 もサポートします。
イベント属性
<table> タグは、HTML5におけるイベント属性 もサポートします。
|