HTML <table>
标签
主题:HTML5 标签参考上一页|下一页
说明
<table>
标签用于以类似网格的方式(以行和列)表示数据。
下表总结了此标签的使用上下文和版本历史。
Placement: | 块 |
---|---|
Content: | 一个可选的 <caption> ,零个或多个 <col> 或 <colgroup> 标签,可选的 <thead> 和 <tfoot> ,零个或多个 <tbody> 标签和至少一个 <tr> |
开始/结束标签: | 开始标签: required, 结束标签:required |
版本: | HTML 3.2, 4, 4.01, 5 |
使用说明
语法
<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 |
Obsolete 指定表格相对于文档的对齐方式。 |
bgcolor |
color | Obsolete 设置表格的背景颜色。 |
border |
1 |
Obsolete 指定表格单元格是否应该有边框。 |
cellpadding |
length | Obsolete 指定单元格边缘与其内容之间的空间。 |
cellspacing |
length | Obsolete 指定单个单元格之间的空间量。 |
frame |
above |
Obsolete 指定表格周围边框的哪些边可见。 |
rules |
all |
Obsolete 指定内部边框的哪些部分将出现在表格中的单元格之间。 |
sortable |
sortable |
启用表格的排序界面。 |
summary |
text | Obsolete 指定表格内容的摘要。 |
width |
length | Obsolete 指定整个表格的宽度。 |
全局属性
与所有其他 HTML 标签一样, <table>
标签支持 HTML5 中的全局属性。
事件属性
<table>
标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <table>
标签。
基本支持—
|
进一步阅读
请参阅以下教程: HTML 表格.
其他与表格相关的标签: <thead>
, <tfoot>
, <tbody>
, <caption>
, <colgroup>
, <col>
, <tr>
, <th>
, <td>
.
Advertisements