HTML5學習筆記（四）：關於表格

　　在一個實例中碰到表格，總結下，先上代碼，例：

<table border="1">
        <thead>
            <th>表頭</th>
            <th>表頭</th>
            <th>表頭</th>
        </thead>
        <tbody>
            <tr>
                <td>表內容單元格</td>
                <td>表內容單元格</td>
                <td><a href="#">操做</a></td>
            </tr>
            <tr>
                <td>表內容單元格</td>
                <td>表內容單元格</td>
                <td><a href="#">操做</a></td>
            </tr>
            <tr>
                <td>表內容單元格</td>
                <td>表內容單元格</td>
                <td><a href="#">操做</a></td>
            </tr>
            <tr>
                <td>表內容單元格</td>
                <td>表內容單元格</td>
                <td><a href="#">操做</a></td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>總計</td>
                <td colspan="2">1000</td>
            </tr>
        </tfoot>
    </table>

　　顯示效果以下：

　　總結：

• <thead>標籤：用於定義表格的表頭，該標籤用於組合 HTML 表格的表頭內容；<thead> 內部必須擁有 <tr> 標籤！

　　　<th> 元素內部的文本一般會呈現爲居中的粗體文本，而 td 元素內的文本一般是左對齊的普通文本。

• <tbody>標籤：用於對 HTML 表格中的主體內容進行分組；
• <tfoot>標籤：用於對 HTML 表格中的表注（頁腳）內容進行分組；

若是使用 thead、tfoot 以及 tbody 元素，就必須使用所有的元素。它們的出現次序是：thead、tfoot、tbody，這樣瀏覽器就能夠在收到全部數據前呈現頁腳了，而且必須在 table 元素內部使用這些標籤。