網站表格高級標簽
作者:佚名 時間:2014-04-18 分享到:
快速建立一個簡單的表格十分容易,但如果想創建一個有不同邊框樣式,滾動的表頭和表注,以及基于列的布局那樣的復雜表格,對于陳舊的HTML 3.2表格模型來說,就不那么容易了。Microsoft通過在Internet Explorer 3.0中加人一些表格布局控制在一定程度上矯正了這個缺陷。這些非常有用的擴展功能可以在HTML4標誰中找到,因此,在XHTML 1.0中也存在。它們提供了基于行的分組、滾動表頭和表注,以及一些基于列的布局等功能。
這些新的表格特性有利也有弊。它們為我們提供了方法,可使表格更吸引入,但是它們目前只能用在Internet Explorer和Netscape 6上。如果要選擇使用這些屬性,那么要保證你的表格對較舊的瀏覽器也適用。
定義表格部分
在表格中,所有行的地位都一樣。但是在實際的表格中,某些行會比另一些行更重要些。大多數表格都有表頭和表注行來進行一頁到另一頁的重復。在大的表格中,相鄰行被當成一組,并用不同的分隔線來描繪,這樣更易于讀者閱讀和理解。HTML4和XHTML支持<thead>, afoot>和<body>標簽的所有屬性。
<thead>標簽
用<thead>標簽可定義一組表頭行。<thead>標簽也許在<table>標簽中表格的最前端就出現一次。在<thead>標簽中,可以放置一個或多個<tr>標簽,用于定義表頭中的行。當以多部分方式打印表格或顯示表格時,支持HTML 4/XHTML的瀏覽器會復制這些表頭行。因此,如果表格的出現多于一頁的話,在每個打印頁上一都會重復這些表頭。
對HTML來說,結束標簽</thead>是可選的。由于<thead>標簽只出現在當有其他行被指定為表格正文或表注的地方,當瀏覽器碰到<tbody>即>或<tfoot>標簽或是當表格結束時,<thead>標簽會自動關閉。
<thead>標簽的許多屬性和前面的用法一樣,可以取同樣的值,如同分別為每個<tr>條目指定一樣,會影響<tr>包括的所有內容。例如,align屬性接受left,right, center或justify作為它的值,相應地在所有表頭行中控制文本的水平對齊方式。同樣,valign屬性接受的值有top, middle, baseline或bottom,指明了所有表頭行中文本的垂直對齊方式。
如果不指定一種對齊方式或樣式,瀏覽器會將表頭文本在相應的單元格中水平和垂直對齊,相當于對每個單元格指定align=center和valign=middle。當然,不同行和單元格或樣式表可能會覆蓋掉這些屬性。
<tfoot>標簽
用<tfoot>標簽,可以為表格定義一個表注。<tfoot>標簽可能只出現一次,就在表格結束之前。和<thead>類似,它可以包括一個或多個<tr>標簽,這樣你可以定義一些行,Internet Explorer(版本3或更新版本)或支持HTML 4/XHTML的瀏覽器會將這些行作為表格的表注。因此,如果表格跨越了多個自然頁或虛擬頁的話,瀏覽器會重復這些行。更經常的情況是,在多頁上,瀏覽器會在表格每個部分的底部重復這些表注。
在HTML中,由于當表格結束時,表注也會結束,所以</tfoot>結束標簽是可選的。
<tbody>標簽
使用<<tbody>標簽,可以將表格分成一個單獨的部分。<tbody>標簽可將表格中的一行或幾行合成一組。雖然你可能想包括一個,甚至會在表格中包括兩個或更多個<tbody>標簽,但我們建議最好在表格中沒有<<tbody>標簽。一旦定義了,可以賦予每個<<tbody>組不同的分隔線,這樣形成各個部分。在<tbody>標簽中,只有表格行可以用<tr>標簽來定義。并且,一旦定義,一個<tbody>標簽就是表格中的一個獨立的部分。例如不能從一個<tbody>跨越到另一個<tbody>中。
在HTML中,由于<tbody>部分會在下一個<tbody>或<tfoot>標簽處或是當表格結束時結束,</tbody>標簽是可選的。和<<tfoot>類似,<tbody>標簽也有許多屬性,但是目前甚至是瀏覽器也不支持這些屬性。如果你想對一部分設置特殊的對齊屬性,必須要在<tbody>標簽的每行中都進行指定。