表格相关元素
160
定义表格的标签
﹤table﹥用于定义表格，﹤table.../﹥元素只能包含0个或1个﹤caption.../﹥子元素（定义表格标题），0个或1个﹤tfoot.../﹥子元素（定义表格脚），多个﹤tr.../﹥子元素（定义表格行），多个﹤tbody.../﹥子元素（定义表格体）。该元素可以指定id、style、class等普通属性，也可以指定onclick等事件属性。除此之位该元素还可以指定以下几个属性
cellpadding：指定单元格内容和单元格边框之间的间距。该属性值可是像素值，也可是百分比。
cellspacing：指定单元格之间的间距，该属性值即可是像素值，也可是百分比。
width：指定表格的宽度，该属性值即可是像素值，也可是百分比。
HTML 5 删除了﹤table.../﹥元素元素原有的align、bgcolor、border等属性，如果完全按HTML5的建议﹤table.../﹥元素的cellpadding、cellspacing、width属性也不应该指定，而是应该全部放到CSS中定义
﹤caption﹥用于定义表格标题，该元素只能包含文本、图片、超链接、文本格式化元素和表单控件元素等
﹤tr﹥定义表格行，该元素只能包含﹤td.../﹥或者﹤th.../﹥两种元素，该元素可以指定id、style、class等普通属性，也可以指定onclick等事件属性。
﹤td﹥定义单元格，该元素和﹤div.../﹥元素一样，可以包含各种类型的子元素，包括﹤td.../﹥元素里包含﹤table.../﹥子元素再次插入一个表格。该元素可以指定id、style、class等普通属性，也可以指定onclick等事件属性。除此之外该元素还可以指定如下几个属性
colspan：指定该单元格跨多少列，该属性值就是一个简单的数字
rowspan：指定此单元格可横跨的行数
height：指定该单元格的高度，该属性值即可是像素值，也可是百分比。
width：指定该单元格的宽度，该属性值即可是像素值，也可是百分比。
﹤th﹥定义表格页眉的单元格，和﹤td﹥标签的用法几乎完全一样，只是浏览器呈现﹤th.../﹥元素时有一些差别
﹤tbody﹥定义表格主体，该元素只能包含﹤tr.../﹥子元素，该元素可以指定id、style、class等普通属性，也可以指定onclick等事件属性。
使用﹤tbody﹥标签，可以将一个表格分为几个独立的部分。﹤tbody.../﹥元素可以将表格中的一行或几行合并成一个组，当我们使用Ajax编程时常常需要动态修改表格中的某几行，这就需要使用﹤tbody.../﹥元素了
再﹤tbody.../﹥元素中，必须使用﹤tr.../﹥子元素来定义表格行，﹤tbody.../﹥元素本身并不会生成任何输出内容。一旦我们使用﹤tbody.../﹥将多行定义为一个组，一个﹤tbody.../﹥元素就是表格中一个独立部分，即不能从一个﹤tbody.../﹥跨越到另一个﹤tbody.../﹥中
﹤thead﹥定义表格头，用法与﹤tbody.../﹥基本相似，指定功能稍有差别。
﹤tfoot﹥定义表格头，用法与﹤tbody.../﹥基本相似，指定功能稍有差别。
﹤thead.../﹥﹤tfoot.../﹥﹤tbody.../﹥元素可以让我们对表格中的行进行分组，每个﹤tbody.../﹥就是一组，可以多行（在 Ajax 编程中经常用到该元素）。除此之外，当创建某个表格时，也许希望拥有一个标题行，可以是多个数据行组成的组，以及位于底部的一个统计行。这样就可以让浏览器能对表格标题和页脚之间的表格内容进行滚动。而且，当打印长表格内容时，表格头和表格脚将被打印在包含表格数据的每个页面上。
除此之外，如果需要在页面中为某列整体指定属性，HTML 5 保留了如下两个标签。
﹤col﹥：该元素用于为表格中的一个或多个列指定属性值。该元素只能出现在﹤table.../﹥元素或﹤colgroup../﹥元素内。该元素可指定 id、style、class 等核心属性，还可指定 onclick 等事件属性。除此之外，该元素还可指定如下属性。
span：指定该列可横跨多少列。
﹤colgroup﹥该元素用于为表格中的一个或多个列指定属性值。该元素只能出现在﹤table.../﹥元素或﹤colgroup../﹥元素内。该元素可指定 id、style、class 等核心属性，还可指定 onclick 等事件属性。