根據我最近的一些實踐以及在和一些讀者進行關於HTML表格的使用問題溝通之後,決定寫這篇文章。總的來說,我注意到由於誤導性訊息,他們對於table的使用有種先入為主的厭惡。事實上很多人會說”我看到永遠不應該使用表格”的說法,但這絕對是錯誤的!這個建議只是針對使用HTML表格來定義網頁的佈局,但是表格在方便的排列數據資訊行和列方面非常完美,而且如果你一定要在一個頁面上顯示表列數據,你就不得不使用它們!為什麼不呢?然而,在這種情況下,有些人無視了用於table的某些HTML標籤的存在並且不知道該如何正確的使用它們。
HTML有10個表格相關標籤。下面是一個帶有簡介的列表,但是首先,文檔要被正確的定義在HTML 4.01/XHTML 1或HTML 5下面:
<caption> 定義表格標題(4, 5)
<col> 為表格的列定義屬性(4, 5)
<colgroup> 定義表格列的分組(4, 5)
<table> 定義表格(4, 5)
<tbody> 定義表格主體(4, 5)
<td> 定義一個儲存格(4, 5)
<tfoot> 定義表格的表註(底部)(4, 5)
<th> 定義表格的表頭(4, 5)
<thead> 定義表格的表頭(4, 5)
<tr> 定義表格的行(4, 5)
一個基本的表格結構如下:
它包含一個標題、頭部、主體和底部。正確的HTML元素順序是:
<table>
<caption>
<thead>
<tfoot>
<tbody>
你也可以使用<col> 和<colgroup> 來定義表格的列或為列分組:
<table>
<caption>
<colgroup>
<col>
<thead>
<tfoot>
<tbody>