关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站表格高级标签

作者:佚名   时间: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>标签的每行中都进行指定。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/contact/20151229/n7291.html

上海联楷网络新闻