充分使用表格标签(Table)

2007-11-06 12:24   阅读5   评论0

table,caption,thead,tr,th,td,tbody,tfoot

table,caption,thead,tr,th,td,tbody,tfoot

<table id="browser">
  <caption>
  浏览器兼容性一览表
  </caption>
  <thead>
    <tr>
      <th>CSS特征</th>
      <th>MSIE 6.0 </th>
      <th>Firefox 1.0 </th>
      <th>Firefox 1.5 </th>
      <th>Opera 8.5 </th>
    </tr>
  </thead>
  <tbody id="html">
    <tr>
      <th colspan="5">HTML 4.01</th>
    </tr>
    <tr>
      <th>a</th>
      <td>81%</td>
      <td>85%</td>
      <td>85%</td>
      <td>94%</td>
    </tr>
    <tr>
      <th>abbr</th>
      <td>N</td>
      <td>97%</td>
      <td>85%</td>
      <td>94%</td>
    </tr>
    <tr>
      <th>acronym</th>
      <td>94%</td>
      <td>97%</td>
      <td>97%</td>
      <td>75%</td>
    </tr>
  </tbody>
  <tbody id="xhtml">
    <tr>
      <th colspan="5">XHTML 1.0 changes </th>
    </tr>
    <tr>
      <th>HTML in XML </th>
      <td>N</td>
      <td>Y</td>
      <td>Y</td>
      <td>Y</td>
    </tr>
    <tr>
      <th>well-formed </th>
      <td>Y</td>
      <td>Y</td>
      <td>Y</td>
      <td>Y</td>
    </tr>
    <tr>
      <th>Media Types </th>
      <td>N</td>
      <td>Y</td>
      <td>Y</td>
      <td>Y</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="5">资料来源：http://www.webdevout.net </td>
    </tr>
  </tfoot>
</table>