当前位置: 首页 > 前端笔记 > HTML > 你不知道的完整Table结构
2014年23五月

你不知道的完整Table结构

你不知道的完整Table结构-也许你自己觉得很了解table结构,实际是我也这么认为,知道上一次翻开html手册才发现自己错得多么的离谱,应用完整的table结构不但结构明细,而且用控制起来也相当的方便。如下:

<table>
    <caption>Monthly savings</caption>
    <thead>
        <tr>
            <th>Month</th>
            <th>Savings</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>5月</td>
            <td>$120</td>
        </tr>
        <tr>
            <td>6月</td>
            <td>$60</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>Sum</td>
            <td>$180</td>
        </tr>
    </tfoot>
</table>

看到这个结构我哭了,不要担心IE6不支持,因为这个是基本结构。

caption:标题
thead:表头
tbody:正文
tfoot:结尾

文章信息

  • 发布日期:2014年05月23日 14:05:27
  • 固定地址:http://www.estorm.cn/notes/html/2014-05-23/full-table-is-structure.html