表格 table
表格元素
HTML table 元素表示表格数据——即通过二维数据表表示的信息。
- 在网页中,对于某些内容的展示使用表格元素更为合适和方便
- 编写表格最常见的是下面的元素:
table: 表格tr(table row): 表格中的行td(table data): 行中的单元格
- 另外表格有很多相关的属性可以设置表格的样式,但是已经不推荐使用了
属性
表格标签支持全局属性。下面列出的属性现在已经弃用(请使用 CSS 代替)。
align已弃用这个枚举属性指定了包含在文档中的表格必须如何对齐。有如下值:
- left,表格将在文档左侧显示;
- center,表格将在文档中央显示;
- right,表格将在文档右侧显示;
备注不要使用这个属性,它已经不赞成被使用。
<table>元素应该使用 CSS 制定样式。设置margin-left、margin-right为auto( 或者margin设置为0 auto) 来实现类似于 align 属性的效果。Firefox 4 之前的版本,在 quirks mode 模式下它还支持
middle,absmiddle和近似于center的abscenter。bgcolor已弃用这个属性定义了表格的背景颜色。它是一个 6 位的十六进制编码,定义于 sRGB,需要加上'#'作为前缀。当然也可以使用下面已经被预先定义的字符串,来表示常用的 16 种颜色。
备注不要使用这个属性,该属性已废弃,
<table>元素应当使用 CSS 定制样式。CSS 中的background-color属性能够和bgcolor属性达到一样的效果。border已弃用 这个整型元素使用像素,定义了表格边框的大小。如果设置为 0,这意味着frame属性被设置为空。如果设置为 1,表示表格具有 1px 大小的边框。备注不要使用这个属性,该属性已废弃,
<table>元素应当使用 CSS 定制样式。CSS 属性border,border-color,border-width和border-style可实现相同效果。cellpadding已弃用 这个属性定义了表格单元的内容和边框之间的空间。如果它是一个像素长度单位,这个像素将被应用到所有的四个侧边;如果它是一个百分比的长度单位,内容将被作为中心,总的垂直(上和下)长度将代表这个百分比。这同样适用于总的水平(左和右)空间。备注不要使用这个属性,因为它已经被废弃。
<table>元素应该使用 CSS 定制样式。在<table>元素上使用 CSS 属性值为collapse的border-collapse属性,在<td>元素上使用属性padding,以达到类似于cellpadding的效果。frame已弃用 这个枚举属性定义了包围在表格周围的框架的哪个边必须显示。它可能有下列值:abovebelowhsidesvsideslhsrhsborderboxvoid
备注不要使用这个属性,因为它已经被废弃。
<table>元素应该使用 CSS 定制样式。在<table>元素上使用 CSS 的属性border-style和border-width,以达到类似于frame的效果。rules已弃用 这个枚举属性定义了在一个表格中规则的显示位置。它可以有以下值:none,这表明没有规格将被显示;这是默认的值;groups,这将使规则只显示在行组(row groups,通过<thead>,<tbody>和<tfoot>元素定义)和列组(column groups,通过<col>和<colgroup>元素定义)之间rows,这将使规则在行之间显示;columns,这将使规则在列之间显示;all,这将使规则在列和行之间显示;
备注规则的样式是依赖浏览器的(browser-dependant),并且 不能被修改。
不要使用这个属性,因为它已经被废弃。规则应该使用 CSS 定义和设计样式。使用
border属性,在适当的<thead>,<tbody>,<tfoot>,<col>或<colgroup>元素上。summary已弃用 该属性定义了一个替代文本,当表格无法在用户代理中显示的时候用来描述表格。通常,它被用来为残障人士提供可用性,比如,盲人使用盲文屏幕(Braille screen)浏览网页,从中获取信息。如果要想对于非视力受限的人来说也可以提供作用,考虑使用<caption>代替。summary 属性不是强制性的,当一个<caption>发挥它应有的作用时,可以省略 summary 属性。width已弃用 该属性定义了表格的宽度。宽度可能是一个像素或者是一个百分比值,宽度的百分比值将被定义为表格容器的宽度。备注不要使用这个属性,因为它已经被废弃。规则应该使用 CSS 定义和设计样式。使用
width属性代替。