HTML有10個表格相關(guān)標(biāo)簽。下面是一個帶有簡介的列表,但是首先,文檔要被正確的定義在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 定義一個單元格 (4, 5)
tfoot 定義表格的表注(底部)(4, 5)
th 定義表格的表頭 (4, 5)
thead 定義表格的表頭(4, 5)
tr 定義表格的行(4, 5)
一個基本的表格結(jié)構(gòu)如下:

它包含一個標(biāo)題、頭部、主體和底部。正確的html' target='_blank'>HTML元素順序是:
table
caption
thead
tfoot
tbody
你也可以使用 col 和 colgroup 來定義表格的列或為列分組:
table
caption
colgroup
col
thead
tfoot
tbody
下面是一個正確的表格結(jié)構(gòu)實(shí)例:
table border= 1 caption Table caption here /caption colgroup span= 1 >在瀏覽器中的結(jié)果如下圖所示:
關(guān)于表格的一些技巧
根據(jù)w3schools的解釋和用法,在一個table定義中, tfoot 元素必須出現(xiàn)在 tbody 之前,這樣,瀏覽器就可以在接受到所有數(shù)據(jù)之前呈現(xiàn)表注了。另外,如果不是這個順序,將不能通過W3C的HTML4和XHTML驗證,無論你聲明哪種DTD。(了解更多)。
在 HTML 4.01 中,表格的align和bgcolor屬性不贊成使用,所以在HTML 5中不再有任何table的屬性被支持(事實(shí)上,在XHTML 1.0 Strict DTD中已經(jīng)不支持”align”和”bgcolor”屬性了);
所有主流瀏覽器都支持 colgroup 標(biāo)簽,但是Firefox、Chrome 以及 Safari 僅支持 colgroup 元素的 span 和 width 屬性;
css中的empty-cells:show|hide 可以設(shè)定空單元格是否顯示邊框。注意,這個需要設(shè)置在table而不是td/th中。IE6中比較容易遇到該問題;
css中的border-collapse:collapse | separate 可以設(shè)置表格的邊框是否被合并成一個邊框;
css中的border-spacing屬性等效于table的cellspacing屬性。
為了實(shí)現(xiàn)現(xiàn)在所提倡的表現(xiàn)和結(jié)構(gòu)分離的開發(fā)模式,前端觀察建議將頁面中所有與表現(xiàn)層有關(guān)的東東,都用CSS來控制,不用HTML自帶的屬性來控制頁面的表現(xiàn),而table是最容易被忽略的一個。
關(guān)于table的更多詳細(xì)內(nèi)容可以查看W3C的文檔: w3 Introduction to tables
以上就是重新發(fā)現(xiàn)HTML表格的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選