重新發(fā)現(xiàn)HTML表格
根據(jù)我最近的一些實(shí)踐以及在和一些讀者進(jìn)行關(guān)于HTML表格的使用問(wèn)題溝通之后,決定寫(xiě)這篇文章。總的來(lái)說(shuō),我注意到由于誤導(dǎo)性信息,他們對(duì)于table的使用有種先入為主的厭惡。事實(shí)上很多人會(huì)說(shuō)”我看到永遠(yuǎn)不應(yīng)該使用表格”的說(shuō)法,但是這絕對(duì)是錯(cuò)誤的!這個(gè)建議只是針對(duì)使用HTML表格來(lái)定義網(wǎng)頁(yè)的布局,但是表格在方便的排列數(shù)據(jù)信息行和列方面非常完美,而且如果你一定要在一個(gè)頁(yè)面上顯示表列數(shù)據(jù),你就不得不使用它們!為什么不呢?然而,在這種情況下,一些人無(wú)視了用于table的某些HTML標(biāo)簽的存在并且不知道該如何正確的使用它們。\
HTML有10個(gè)表格相關(guān)標(biāo)簽。下面是一個(gè)帶有簡(jiǎn)介的列表,但是首先,文檔要被正確的定義在HTML 4.01/XHTML 1或HTML 5下面:
- <caption> 定義表格標(biāo)題(4, 5)
- <col> 為表格的列定義屬性(4, 5)
- <colgroup> 定義表格列的分組(4, 5)
- <table> 定義表格(4, 5)
- <tbody> 定義表格主體(4, 5) \
- <td> 定義一個(gè)單元格 (4, 5)
- <tfoot> 定義表格的表注(底部)(4, 5)
- <th> 定義表格的表頭 (4, 5)
- <thead> 定義表格的表頭(4, 5)
- <tr> 定義表格的行(4, 5)
一個(gè)基本的表格結(jié)構(gòu)如下:
它包含一個(gè)標(biāo)題、頭部、主體和底部。正確的HTML元素順序是:
- <table>
- <caption>
- <thead>
- <tfoot>
- <tbody>
你也可以使用<col> 和<colgroup> 來(lái)定義表格的列或?yàn)榱蟹纸M:
- <table>
- <caption>
- <colgroup>
- <col>
- <thead>
- <tfoot>
- <tbody>
出處:前端觀察
責(zé)任編輯:bluehearts
上一頁(yè) 下一頁(yè) 重新發(fā)現(xiàn)HTML表格 [2]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|