充分使用表格标签(Table)

充分使用表格标签(Table)

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

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

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

 

浏览器兼容性一览表

CSS特征	MSIE 6.0	Firefox 1.0	Firefox 1.5	Opera 8.5
HTML 4.01
a	81%	85%	85%	94%
abbr	N	97%	85%	94%
acronym	94%	97%	97%	75%
XHTML 1.0 changes
HTML in XML	N	Y	Y	Y
well-formed	Y	Y	Y	Y
Media Types	N	Y	Y	Y
资料来源：http://www.webdevout.net

 

<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>