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

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

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

阿七

2006-04-04 09:52

表格中的标题 B<8Z?:3YS
M"X/([G
dgX0\lKpf
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： Kc{fT^E
~|l>b f
<TABLE> xCoQ>.4p
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> 9.vHnMcq
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> A4%0
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> k9yA#
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> ;9B:E"K?@1
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> @-!w,$F)%d
</TABLE> Bz/NFNi[p
;I5HMc_a"
EG<K[t
<&$!;d8
Year Bugs Sales ;rd!kFd#bq
1995 2.3 500,000 s- g[B(
1996 3.2 1,700,000 P`V#Wj4\
1997 5.6 8,200,000 auL?Hb
1999 12.3 33,000,000 >MiA|N=
< (s+
u) fbR
指定表头信息 V`@@ufU}
9Tjvc!4_b
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： "qQU ^FW
Q$Vxm+
<TABLE> uop_bJ
<TR> TtKBok
<TH SCOPE="column">Year</TH> hMi!H.EX.
<TH SCOPE="column">Bugs</TH> .+{nfmc,c
<TH SCOPE="column">Sales</TH> UmInAH4
</TR> %Ljc#AVg
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> kwZ C3p\\
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> (VwS9:`
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> oaRPYgh4
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> G0y%_"[
</TABLE> .R biF
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： AvP*p{we
-"!V&M
<TABLE> 5 BcuLRId:
<TR> jwAO{.}T1r
<TH ID="year">Year</TH> sOU_j4M{
<TH ID="bugs">Bugs</TH> >G/>:wwSP.
<TH ID="salws">Sales</TH> 6~$<
</TR> Me5umA
<TR> $@8\9Y {
<TH ID="y1" HEADERS="year">1995</TH> 6TPcG dZ
<TD HEADERS="y1 bugs">2.3</TD> .$v]Bx u
<TD HEADERS="y1 sales">500,000</TD> 3<fJ5-z|-
</TR> !!Mp;h'}-
<TR> _mXq]r0
<TH ID="y2" HEADERS="year">1996</TH> B>a`mFM
<TD HEADERS="y2 bugs">3.2</TD> sY1@ch"
<TD HEADERS="y2 sales">1,700,000</TD> 0FTiTrTn
</TR> rYm<U!k
<TR> -cq ~\m^6
<TH ID="y3" HEADERS="year">1997</TH> l\$_t2U
<TD HEADERS="y3 bugs">5.6</TD> s#* mn
<TD HEADERS="y1 sales">8,200,000</TD> %qja:'k
</TR> vc^PXjX
<TR> ]V.9jlXF
<TH ID="y4" HEADERS="year">1999</TH> rw+0<r3|K
<TD HEADERS="y4 bugs">12.3</TD> 7M*+!al9
<TD HEADERS="y4 sales">33,000,000</TD> Ej.D!@
</TR> TU[f"!z^
</TABLE>