0319 表格特点

<table>

    <colgroup style="background-color: red;"> <!--前两列为一组-->
        <col/> <!--第一列-->
        <col/> <!--第二列-->
    </colgroup>
    <col style="background-color: blue;"/> <!--第三列-->

    <caption>表格标题</caption>

    <thead>
    <tr>
        <th>头1</th>
        <th>头2</th>
        <th>头3</th>
    </tr>
    </thead>

    <tbody>
    <tr>
        <td>111</td>
        <td>111</td>
        <td>111</td>
    </tr>
    <tr>
        <td>222</td>
        <td>222</td>
        <td>222</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
        <td>111</td>
        <td>111</td>
        <td>111</td>
    </tr>
    <tr>
        <td>222</td>
        <td>222</td>
        <td>222</td>
    </tr>
    </tbody>

    <tfoot>
    <tr>
        <td>尾1</td>
        <td>尾2</td>
        <td>尾3</td>
    </tr>
    </tfoot>

</table>
表格结构化：
          完整结构：caption thead tbody tfoot
        无论各部分在什么位置，显示时，
        caption表格外最上方
        thead表格内最上方
        tfoot表格内最下方
表格直列化：
        <colgroup style="backgriund-color:blue">前两列为一组
        <col/>第一列
        <col/>第二列
        </colgroup>
        <col style="background-color:yellow"/>第三列
优点：
   1.语义化，看到标签明白包含的内容
   2.便于浏览器搜索
   3.调整书写顺序实现某些部分优先展示，不打乱显示顺序