今天我們廊坊網(wǎng)站建設(shè)公司要從專業(yè)的角度為大家介紹下，HTML代碼網(wǎng)站設(shè)計(jì)時(shí)表格的屬性有哪些。希望通過以下的知識(shí)可以給新手帶去更多的幫助。
在表格內(nèi)的單元格邊方面，有兩種有分歧的意見。第一種觀點(diǎn)認(rèn)為每個(gè)單元格都是具有惟一邊框的獨(dú)立實(shí)體。另一種觀點(diǎn)則認(rèn)為相鄰的單元格共享邊框的邊，改變一個(gè)單元格中的邊框會(huì)影響其相鄰的單元格。
為了使建設(shè)網(wǎng)站人員可以得到最大的控制權(quán)，CSS提供了border-collapse屬笥，它允許我們選擇適合自己樣式的模型。默認(rèn)情況下，這個(gè)屬性的值為collapse，其含義是相鄰單元格共享他們的邊框樣式。換句話說，可以將border-collapse屬性設(shè)置為separate，這樣就擴(kuò)大了表格，因此邊框可以被單獨(dú)顯示，并清楚的圍繞在每個(gè)單元格周圍。
如果選擇的是separate樣式，還可以使用border-spacing屬性來設(shè)置相鄰邊框之間的間距。默認(rèn)邊框間距為0，這意味著相鄰的單元格邊框彼此相接，但是有些瀏覽器還是可能使用不同的默認(rèn)值，增加該值后，可以使瀏覽器在邊框之間插入額外的空間，這就允許表格的背景顏色或圖像可以顯示出來。如果只提供了兩個(gè)值，第一值設(shè)置水平間距，第二個(gè)值確定垂直間距。
在separate樣式中，還可以控制邊框圍繞著單元格繪制的方式。默認(rèn)情況下，邊框會(huì)圍繞著一個(gè)表格內(nèi)的所有單元格進(jìn)行繪制，即使其中并沒有內(nèi)容。將empty-cells屬性從其默認(rèn)值show切換為hide,便可以改變這種狀況。在設(shè)置屬性時(shí)，空的單元格僅僅會(huì)顯示表格背景。如果整行單元格都是空的，瀏覽器會(huì)從表格實(shí)體中去除行。
表格caption-side屬性：僅在<caption>元素中使用caption-side屬性。它接受top、bottom、left或right值，并告訴瀏覽器在何處放置與其相關(guān)聯(lián)表格相鄰的標(biāo)題。與<caption>標(biāo)簽依賴于瀏覽器的align屬性相比，caption-side屬性在放置標(biāo)題方面提供了更為一致方法。流行瀏覽器還都不支持caption-side，但是不管怎么樣，還是應(yīng)該在將來的版本中包括這個(gè)屬性。
表格speak-header屬性：能夠播放音頻的瀏覽器可以通過檢索目錄為用戶提供很瀏覽方式。一種非常簡(jiǎn)單的途徑就是讓瀏覽器會(huì)根據(jù)它們各自的標(biāo)題將目錄組織起來，并以更易理解的方式讀取的是哪個(gè)單元格。
speak-header屬性為瀏覽器標(biāo)識(shí)表格中的單元格（集合）提供了兩種方式。如果指定了once(默認(rèn)值)，瀏覽器在讀取每個(gè)單元格相關(guān)聯(lián)的數(shù)據(jù)單元格之前，只讀取一次標(biāo)題單元格的內(nèi)容。通過這種方式，用戶在移過一行單元格時(shí)，就會(huì)聽到該行中第一個(gè)單元格的行標(biāo)題和列標(biāo)題，但是只有須移到該行中隨后的單元格中時(shí)，才會(huì)聽到變化的列標(biāo)題。
如果將speak-header屬性設(shè)置為always，瀏覽器會(huì)以讀取單元格相關(guān)聯(lián)的標(biāo)題為+開始，來讀取每個(gè)單元格的內(nèi)容。已經(jīng)證明，這點(diǎn)對(duì)于復(fù)雜表格來說，或者是在標(biāo)題值 使得理解表格內(nèi)容更為容易一些的地方（尤其是表格僅包含數(shù)字的情況下）都很有用處。
請(qǐng)注意，僅在知道哪個(gè)標(biāo)題單元格與數(shù)據(jù)單元格相關(guān)聯(lián)的時(shí)候，瀏覽器才會(huì)把標(biāo)題念出來，這時(shí)候認(rèn)真的程序猿們會(huì)在他們的表格單元格中使用header屬性，以此指定與表格中的每個(gè)數(shù)據(jù)單元格相關(guān)的標(biāo)題單元格。
表格table-layout屬性：表格布局對(duì)于任何瀏覽器來說都是一項(xiàng)艱巨的任務(wù)。為了創(chuàng)建具有吸引力的表格，瀏覽器必須找出每一列中最寬的單元格，將該列調(diào)整為適應(yīng)那個(gè)寬度，然后將整個(gè)表格調(diào)整為適應(yīng)所有的列。對(duì)于大型表格來說，當(dāng)瀏覽器在處理多個(gè)表格時(shí)，文檔顯示可能會(huì)顯著地慢下來，以便正確顯示表格。
使用table-layout屬性對(duì)這個(gè)過程會(huì)有所幫助。如果將屬性設(shè)置為fixed，瀏覽器會(huì)根據(jù)表格中第一行的寬度確定列寬。如果顯示方式設(shè)置了列寬，將表格的table-layout屬性設(shè)置為fixed，表格的顯示過程會(huì)明顯加快，從而使用戶在查看這些文檔時(shí)增強(qiáng)自己的體驗(yàn)。
默認(rèn)情況下，table-layout屬性設(shè)置為auto，這就迫使瀏覽器使用更為耗費(fèi)時(shí)間的多程算法，即使指定了表格中的列寬也無濟(jì)于事。如果表格內(nèi)容有變，而且你無法設(shè)置列寬，便可以將table-layout屬性設(shè)置為auto。如果可以固定列寬，而且表格內(nèi)容不變，可以將table-layout屬性設(shè)置為fixed。
sjfc2008@126.com 
