表格标签

276 阅读1分钟

表格(table)以行(row)和列(column)的形式展示数据。

1、<table>,<caption>

table标签是一个块级容器标签,所有表格内容放在此标签里面。 caption标签总是table标签里的第一个元素,表示表格的标题,该标签是可选的。

2、<thead>,<tbody>,<tfoot>

thead、tbody、tfoot都是块级容器标签,且都是table的一级子元素,分别表示表头、表体和表尾,这三个标签都是可选的。

3、<colgroup>,<col>

colgroup是table的一级子元素,包含一组列的定义。 col是colgroup的子元素,用来定义表格的一列。

4、<tr>

tr标签表示表格的一行(table row)。

5、<th>,<td>

th和td都用来定义表格的单元格。 th标签是标题单元格,td是数据单元格。

  • colspan属性和rowspan属性:前者表示单元格跨越的栏数,后者表示单元格跨越的行数,值默认为1。
  • headers属性:th设置id属性,对应的td设置headers属性对应id值,如有跨栏情况,headers属性为空格分隔的字符串,对应多个id值。
  • scope属性:只有th标签支持,表示该th单元格到底是行的标题还是列的标题。可取以下值:row/col/rowgroup/colgroup/auto