关于table的一些记录HTML有10个表格相关标签<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> 、<tbody> 、<tfoot> 标记。它们分别表示表格的表头,表正文,表脚。在打印网页内容的时候,如果表格很大,一页打印不完,<thead>和<tfoot>将在每一页出现(注意:在IE 中无效,但在 Firefox 有效)。
tbody的特点:
为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时,table是作为一个整体解释的,使用tbody可以优化显示。如果表格很长,用tbody分段,可以一部分一部分地显示,不用等整个表格都下载完成。下载一块显示一块,表格巨大时有比较好的效果。tbody包含行的内容下载完优先显示,不必等待表格结束。另外,还需要注意一个地方。表格行本来是从上向下显示的。但是,应用了thead/tbody/tfoot以后,就“从头到脚”显示,不管你的行代码顺序如何。也就是说如果thead写在了tbody的后面,html显示时,还是以先thead后tbody显示。
三个注意点:
thead和tfoot在一张表中都只能有一个,而tbody可以有多个tfoot必须出现在tbody前面,这样浏览器在接收主体数据之前,就能渲染表尾,有利于加快表格的显示速度。这一点对大型表格尤其重要thead、tbody和tfoot里面都必须使用tr标签 二、<caption>在将caption的align属性设置为left的时候,各个浏览器表现出的样式各不相同
firefox
chrome
IE6 7 8
IE9