對于技術(shù)來說,一種是用DIV來做的,一種是用表格來排版的,雖然東莞網(wǎng)站制作公司建議大家做網(wǎng)站采用DIV技術(shù),不過,這不妨礙表格建站有很大的市場,并且事實上表格制作的網(wǎng)站表現(xiàn)也是很好的,不管對于排名還是顯示(事實上,表格網(wǎng)站顯示方面可能會更好,更加兼容)。
對于網(wǎng)站初學(xué)者,利用表格就可以做不錯的網(wǎng)站了,但是如果深入去了解表格代碼,那么熟悉的人就不多了,重點表現(xiàn)在表格結(jié)構(gòu),表格中TR、TH和TD的區(qū)別等。下面來分析一下。
關(guān)于<tr>標(biāo)簽
<table>是<tr>的上層標(biāo)簽
<tr>必須在一個<table></table>里面,它不能單前幾使用,相當(dāng)于<table>的屬性標(biāo)簽.
<tr>...</tr> 定義一行標(biāo)簽,一組行標(biāo)簽內(nèi)可以建立多組由<td>或<th>標(biāo)簽所定義的單元格。
<table>標(biāo)示一個表格,<tr>標(biāo)示這個表格中間的一個行
<td>標(biāo)示行中的一個列,需要嵌套在<tr></tr>中間
這里是一個例子:(兩行兩列)
<table>
<tr>
<td></td>
<td></td>
</tr>
</teble>
關(guān)于<th>標(biāo)簽
<th>和<td>一樣,也是需要嵌套在<tr>當(dāng)中的,<tr>嵌套在<table>當(dāng)中
<th>...</th> 定義表頭單元格。表格中的文字將以粗體顯示。<TH>與<TD>同樣是標(biāo)示一個儲存格,**不同的是<TH>所標(biāo)示的儲存格中的文字是以粗體出現(xiàn),即可以這樣看:
<th>網(wǎng)站制作</th>的顯示效果相當(dāng)于<td><b>文字</b></td>
在表格中也可以不用此標(biāo)簽,不過如果使用的話,<th>標(biāo)簽必須放在<tr>標(biāo)簽內(nèi)
關(guān)于<td>標(biāo)簽
<td>...</td> 定義單元格標(biāo)簽,一組<td>標(biāo)簽將將建立一個單元格,<td>標(biāo)簽必須放在<tr>標(biāo)簽內(nèi)。
<th>為表格標(biāo)題,屬性summar為摘要,<caption>標(biāo)簽為前幾部說明,<thead>標(biāo)簽為表格頭部,<tbody>標(biāo)簽為表格主體內(nèi)容,<tfoot>標(biāo)簽為表格尾部。
其中還可以使用scope 可用于取代headers屬性,標(biāo)記含有表頭信息的單元格,其中各數(shù)值的內(nèi)容如下:
row 指示當(dāng)前單元格,為包含當(dāng)前單元格的行提供相關(guān)的表頭信息。
col 指示當(dāng)前單元格,為根據(jù)當(dāng)前單元格指定的列提供相應(yīng)的表頭信息。
rowgroup 指示當(dāng)前單元格,為包含當(dāng)前單元格的其余行組提供相關(guān)的表頭信息。
colgroup 指示當(dāng)前單元格,為根據(jù)當(dāng)前單元格指定的其余列組提供相應(yīng)的表頭信息。
abbr 用于定義表頭單元格中的縮寫名,如果沒有定義該屬性,則將默認(rèn)單元格內(nèi)容為節(jié)略形式。
下面是一個標(biāo)準(zhǔn)表格模型
<table>
<caption></caption>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table>
關(guān)于TR、TH和TD標(biāo)簽的相關(guān)信息
<th>不光是粗體,還是居中的
<caption>也是居中的,而且如果table有border的話則caption不在border之內(nèi)
TFOOT 元素內(nèi)包含的有效標(biāo)簽有:
TD
TH
TR
任何給定的 table 對象都只能定義一個tFoot。
網(wǎng)站制作中TR、TH和TD的區(qū)別,希望對您有用。