<caption> | 表格的大标题，该标记可以出现在<table> 之间的任意位置。它对于搜索引擎的机器人记录信息十分重要。参数有align、valign |
<col> | 表格的列定义属性 |
<colgroup> | 定义表格列的分组，Firefox、Chrome 以及Safari 仅支持colgroup 元素的span 和width 属性 |
<table> | 定义表格 |
<tbody> | 定义表格主体 |
<td> | 定义一个单元格 |
<tfoot> | 定义表格的表注(底部) |
<th> | 定义表格的表头，th元素内部的文本通常会呈现为粗体 |
<thead> | 定义表格的表头 |
<tr> | 定义表格的行 |
<table border="1"> <caption>Table caption here</caption> <colgroup span="1" style="background:#DEDEDE;"/> <colgroup span="2" style="background:#EFEFEF;"/> <!-- Table Header--> <thead> <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr> </thead> <!-- Table Footer--> <tfoot> <tr> <td>Foot 1</td> <td>Foot 2</td> <td>Foot 3</td> </tr> </tfoot> <!-- Table Body--> <tbody> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> <tr> <td>D</td> <td>E</td> <td>F</td> </tr> </tbody> </table>
<thead> 、<tbody> 、<tfoot> 标记。它们分别表示表格的表头，表正文，表脚。在打印网页内容的时候，如果表格很大，一页打印不完，<thead>和<tfoot>将在每一页出现（注意：在IE 中无效，但在 Firefox 有效）。
tbody的特点：
为了让大表格(table)在下载的时候可以分段的显示，就是说在浏览器解析HTML时，table是作为一个整体解释的，使用tbody可以优化显示。如果表格很长，用tbody分段，可以一部分一部分地显示，不用等整个表格都下载完成。下载一块显示一块，表格巨大时有比较好的效果。tbody包含行的内容下载完优先显示，不必等待表格结束。另外，还需要注意一个地方。表格行本来是从上向下显示的。但是，应用了thead/tbody/tfoot以后，就“从头到脚”显示，不管你的行代码顺序如何。也就是说如果thead写在了tbody的后面，html显示时，还是以先thead后tbody显示。
三个注意点：
在将caption的align属性设置为left的时候，各个浏览器表现出的样式各不相同
| firefox | chrome | IE6 7 8 | IE9 |
学习交流
热门图片
猜你喜欢的新闻
新闻热点  2024-04-27 13:35:46
 2024-04-27 13:33:47
 2024-04-24 22:53:44
 2024-04-23 19:32:50
 2024-04-23 19:25:50
 2024-04-23 19:13:19
疑难解答 |
