html表格标记

HTML有10个表格相关标签。下面是一个带有简介的列表，但是首先，文档要被正确的定义在HTML 4.01/XHTML 1或HTML 5下面:

<caption> 定义表格标题(4, 5)
<col> 为表格的列定义属性(4, 5)
<colgroup> 定义表格列的分组(4, 5)
<table> 定义表格(4, 5)
<tbody> 定义表格主体(4, 5)
<td> 定义一个单元格 (4, 5)
<tfoot> 定义表格的表注(底部)(4, 5)
<th> 定义表格的表头 (4, 5)
<thead> 定义表格的表头(4, 5)
<tr> 定义表格的行(4, 5)
一个基本的表格结构如图1:

 

它包含一个标题、头部、主体和底部。正确的HTML元素顺序是：

<table>
<caption>
<thead>
<tfoot>
<tbody>
你也可以使用<col> 和<colgroup> 来定义表格的列或为列分组：

<table>
<caption>
<colgroup>
<col>
<thead>
<tfoot>
<tbody>
下面是一个正确的表格结构实例：

<table border="1">
 <caption>Table caption here</caption>
 <colgroup span="1" style="background:#DEDEDE;"/>
 <colgroup span="2" style="background:#EFEFEF;"/>
 
 <!-- Table Header-->
 <thead>
 <tr>
  <th>Head 1</th>
   <th>Head 2</th>
   <th>Head 3</th>
  </tr>
 </thead>
 
 <!-- Table Footer-->
 <tfoot>
  <tr>
   <td>Foot 1</td>
   <td>Foot 2</td>
   <td>Foot 3</td>
  </tr>
 </tfoot>
 
 <!-- Table Body-->
 <tbody>
  <tr>
   <td>A</td>
   <td>B</td>
   <td>C</td>
  </tr>
  <tr>
   <td>D</td>
   <td>E</td>
   <td>F</td>
  </tr>
 </tbody>
</table>在浏览器中的结果如图2:

关于表格的一些技巧
根据w3schools的解释和用法，在一个table定义中，<tfoot>元素必须出现在<tbody>之前，这样，浏览器就可以在接受到所有数据之前呈现表注了。另外，如果不是这个顺序，将不能通过W3C的HTML4和XHTML验证，无论你声明哪种DTD。