HTML 标签

HTML <table> 标签

主题:HTML5 标签参考上一页|下一页

说明

<table> 标签用于以类似网格的方式(以行和列)表示数据。

下表总结了此标签的使用上下文和版本历史。

Placement:
Content: 一个可选的 <caption>,零个或多个 <col><colgroup> 标签,可选的 <thead><tfoot>,零个或多个 <tbody> 标签和至少一个 <tr>
开始/结束标签: 开始标签: required, 结束标签:required
版本: HTML 3.2, 4, 4.01, 5

使用说明

  • 表格用于将文本、图像、链接、表单、表单字段、其他表格等数据组织到单元格的行和列中。

  • 在最基本的情况下,表格是使用 <table> 元素和一个或多个 <tr>, <th><td> 元素构建的。 其中 <tr> 元素定义表格行,<th> 元素定义表格标题,<td> 元素定义表格单元格。

  • 更复杂的表还可能包含 <caption>, <col><colgroup> 元素; 以及结构 <thead>, <tbody>, 和 <tfoot> 元素,用于识别表中的不同区域。


语法

<table> 标签的基本语法如下:

HTML / XHTML: <table> ... </table>

下面的示例显示了 <table> 标签的作用。

<table>
    <caption>User Details</caption>
    <thead>
        <tr>
            <th>No.</th>
            <th>Name</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>John Carter</td>
            <td>johncarter@mail.com</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Peter Parker</td>
            <td>peterparker@mail.com</td>
        </tr>
        <tr>
            <td>3</td>
            <td>John Rambo</td>
            <td>johnrambo@mail.com</td>
        </tr>
    </tbody>
</table>

提示:考虑在 <caption> 元素中描述表格的结构,或者简化表格的结构以便不需要描述。


标签特定属性

下表显示了特定于 <table> 标签的属性。

属性 说明
align left
center
right
Obsolete 指定表格相对于文档的对齐方式。
bgcolor color Obsolete 设置表格的背景颜色。
border 1
0
Obsolete 指定表格单元格是否应该有边框。
cellpadding length Obsolete 指定单元格边缘与其内容之间的空间。
cellspacing length Obsolete 指定单个单元格之间的空间量。
frame above
below
border
box
hsides
lhs
rhs
void
vsides
Obsolete 指定表格周围边框的哪些边可见。
rules all
cols
groups
none
rows
Obsolete 指定内部边框的哪些部分将出现在表格中的单元格之间。
sortable sortable 启用表格的排序界面。
summary text Obsolete 指定表格内容的摘要。
width length Obsolete 指定整个表格的宽度。

全局属性

与所有其他 HTML 标签一样, <table> 标签支持 HTML5 中的全局属性


事件属性

<table> 标签还支持 HTML5 中的事件属性


浏览器兼容性

所有主要的现代浏览器都支持 <table> 标签。

Browsers Icon

基本支持—

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 2+
  • Apple Safari 1+
  • Opera 4+

进一步阅读

请参阅以下教程: HTML 表格.

其他与表格相关的标签: <thead>, <tfoot>, <tbody>, <caption>, <colgroup>, <col>, <tr>, <th>, <td>.

Advertisements