網(wǎng)頁(yè)設(shè)計(jì)HTML有10個(gè)表格相關(guān)標(biāo)簽。下面是一個(gè)帶有簡(jiǎn)介的列表,但是首先,文檔要被正確的定義在HTML 4.01/XHTML 1或HTML 5下面:
定義表格標(biāo)題
定義一個(gè)單元格
定義表格的表頭
定義表格的行
定義表格的表注(底部)
定義表格的表頭
定義表格主體
為表格的列定義屬性
定義表格列的分
定義表格
關(guān)于表格的一些技巧
在 HTML 4.01 中,表格的align和bgcolor屬性不贊成使用,所以在HTML 5中不再有任何table的屬性被支持(事實(shí)上,在XHTML 1.0 Strict DTD中已經(jīng)不支持”align”和”bgcolor”屬性了);
所有主流瀏覽器都支持
標(biāo)簽,但是Firefox、Chrome 以及 Safari 僅支持 colgroup 元素的 span 和 width 屬性;
根據(jù)w3schools的解釋和用法,在一個(gè)table定義中, 元素必須出現(xiàn)在 之前,這樣,瀏覽器就可以在接受到所有數(shù)據(jù)之前呈現(xiàn)表注了。另外,如果不是這個(gè)順序,將不能通過(guò)W3C的HTML4和XHTML驗(yàn)證,無(wú)論你聲明哪種DTD。(了解更多)。
為了實(shí)現(xiàn)現(xiàn)在所提倡的表現(xiàn)和結(jié)構(gòu)分離的開(kāi)發(fā)模式,前端觀察建議將頁(yè)面中所有與表現(xiàn)層有關(guān)的東東,都用CSS來(lái)控制,不用HTML自帶的屬性來(lái)控制頁(yè)面的表現(xiàn),而table是最容易被忽略的一個(gè)。
css中的empty-cells:show|hide 可以設(shè)定空單元格是否顯示邊框。注意,這個(gè)需要設(shè)置在table而不是td/th中。IE6中比較容易遇到該問(wèn)題;
css中的border-collapse:collapse | separate 可以設(shè)置表格的邊框是否被合并成一個(gè)邊框;
css中的border-spacing屬性等效于table的cellspacing屬性。
【 微信掃一掃 】