headers属性

このエントリーをはてなブックマークに追加

headers属性はtd要素やth要素に見出しとなるセルを指定するための属性です。

見出しとなるセルにはid属性を付加しておき、headers属性には指定されているid属性を指定します。

下記のサンプルではtbody要素内のtd要素はthead要素内のth要素(#m1と#m2)と関連付け、tfoot要素内のtd要素はtfoot要素内のth要素(#m3)とthead要素内のth要素(#m2)と関連付けを行なっています。

<table>
	<thead>
		<tr>
			<th id="m1">商品名</th>
			<th id="m2">値段</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td headers="m1">商品1</td>
			<td headers="m2">1,000円</td>
		</tr>
		<tr>
			<td headers="m1">商品2</td>
			<td headers="m2">500円</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<th id="m3"td>合計</th>
			<td headers="m2 m3">1,500円</td>
		</tr>
	</tfoot>
</table>

登録日 : 2014年07月03日 最終更新日 : 2014年7月4日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス