表格，让Web看起来更美(4):表头网站建设常州五颜六色网络技术有限公司

常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头

登录 -> 注册 -> 回复主题 -> 发表主题

阿七

2006-04-04 09:52

表格中的标题 gEk;Tj
zr?s5RS
F0_w9"3E~
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： N[W#wYbH
gJ|#xZ
<TABLE> 7/~=[#]*
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> *MmH{!=
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> Am*IC?@tq
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> a 4ViVy
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> ?P+Uv
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> Y_[7q<L
</TABLE> aH."| *.
zF`a:dD$d
q{&c?l*2
Aeh#
Year Bugs Sales r&8aB85
1995 2.3 500,000 `$> Y
1996 3.2 1,700,000 5vLXMdN
1997 5.6 8,200,000 /HRKw D
1999 12.3 33,000,000 ]#G s6CsT|
6,YoP|@0
\Vx^u}3O
指定表头信息 FcM)v"bF&]
f%EHzm/V
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： ~!Sd|e:4
K[iAN;QCe%
<TABLE> |j0_^:2r=
<TR> X:s~w#>R
<TH SCOPE="column">Year</TH> EY"of[p
<TH SCOPE="column">Bugs</TH> 2!-Q!c`y
<TH SCOPE="column">Sales</TH> "T=j\/Q
</TR> ({rcH.:
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> [w<_Wj
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> zlEI_th:~
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> L~PiDQr?r
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> y%vAEQ2j=
</TABLE> O W.CU=XU
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： K@= u F1?
1,=:an
<TABLE> {v'eP[
<TR> % WDTnEm
<TH ID="year">Year</TH> "=DQ {(L
<TH ID="bugs">Bugs</TH> 1f+A_k/@
<TH ID="salws">Sales</TH> yL asoh
</TR> <VD7(j]'^
<TR> 2fkyz
<TH ID="y1" HEADERS="year">1995</TH> hkl0N%[
<TD HEADERS="y1 bugs">2.3</TD> 6rbR0dSgx
<TD HEADERS="y1 sales">500,000</TD> pBe1:
</TR> ]R\L~Kr
<TR> ?<.a>"!
<TH ID="y2" HEADERS="year">1996</TH> 4J[zNB]
<TD HEADERS="y2 bugs">3.2</TD> .$peq
<TD HEADERS="y2 sales">1,700,000</TD> 7Ku&Q<mi
</TR> j xI;clr
<TR> i Ehc<
<TH ID="y3" HEADERS="year">1997</TH> "gNi} dB<]
<TD HEADERS="y3 bugs">5.6</TD> .*6NqX$
<TD HEADERS="y1 sales">8,200,000</TD> 4r_*: $g
</TR> T\Xf0|y
<TR> <;#gcF[7>
<TH ID="y4" HEADERS="year">1999</TH> H.iCYD_=
<TD HEADERS="y4 bugs">12.3</TD> r{?qvl!q
<TD HEADERS="y4 sales">33,000,000</TD> wM[Z 0*K
</TR> qPz_PRje
</TABLE>