Skip to main content

表格 table

表格元素

HTML table 元素表示表格数据——即通过二维数据表表示的信息。

  • 在网页中,对于某些内容的展示使用表格元素更为合适和方便
  • 编写表格最常见的是下面的元素:
    • table: 表格
    • tr(table row): 表格中的行
    • td(table data): 行中的单元格
  • 另外表格有很多相关的属性可以设置表格的样式,但是已经不推荐使用了

属性

表格标签支持全局属性。下面列出的属性现在已经弃用(请使用 CSS 代替)。

  • align 已弃用

    这个枚举属性指定了包含在文档中的表格必须如何对齐。有如下值:

    • left,表格将在文档左侧显示;
    • center,表格将在文档中央显示;
    • right,表格将在文档右侧显示;
    备注

    不要使用这个属性,它已经不赞成被使用。<table> 元素应该使用 CSS 制定样式。设置 margin-leftmargin-rightauto ( 或者 margin 设置为 0 auto) 来实现类似于 align 属性的效果。

    Firefox 4 之前的版本,在 quirks mode 模式下它还支持 middleabsmiddle 和近似于 centerabscenter

  • bgcolor 已弃用

    这个属性定义了表格的背景颜色。它是一个 6 位的十六进制编码,定义于 sRGB,需要加上'#'作为前缀。当然也可以使用下面已经被预先定义的字符串,来表示常用的 16 种颜色。

    备注

    不要使用这个属性,该属性已废弃,<table> 元素应当使用 CSS 定制样式。CSS 中的 background-color 属性能够和 bgcolor 属性达到一样的效果。

  • border 已弃用 这个整型元素使用像素,定义了表格边框的大小。如果设置为 0,这意味着frame 属性被设置为空。如果设置为 1,表示表格具有 1px 大小的边框。

    备注

    不要使用这个属性,该属性已废弃,<table> 元素应当使用 CSS 定制样式。CSS 属性 border, border-color, border-widthborder-style 可实现相同效果。

  • cellpadding 已弃用 这个属性定义了表格单元的内容和边框之间的空间。如果它是一个像素长度单位,这个像素将被应用到所有的四个侧边;如果它是一个百分比的长度单位,内容将被作为中心,总的垂直(上和下)长度将代表这个百分比。这同样适用于总的水平(左和右)空间。

    备注

    不要使用这个属性,因为它已经被废弃。 <table> 元素应该使用 CSS 定制样式。在 <table> 元素上使用 CSS 属性值为 collapseborder-collapse 属性,在 <td> 元素上使用属性 padding,以达到类似于 cellpadding 的效果。

  • frame 已弃用 这个枚举属性定义了包围在表格周围的框架的哪个边必须显示。它可能有下列值:

    • above
    • below
    • hsides
    • vsides
    • lhs
    • rhs
    • border
    • box
    • void
    备注

    不要使用这个属性,因为它已经被废弃。<table> 元素应该使用 CSS 定制样式。在 <table> 元素上使用 CSS 的属性 border-styleborder-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 属性代替。

Loading Github Gist ...
Details