前端之路--html（四） 表格的使用

表格
表格包括三个主要标签，table，tr（th），td，他们之间有相互包含的关系，其中table为最外层的包裹，tr（th）包裹td。
标签：

---

<table> 可选属性：[broder] 废弃属性：略
作用:
用于定义 HTML 表格，一般的简单表格包含有tr，th，td等内容
语法：
<table broder='number'></table>
属性说明：
在 HTML5 中，仅支持 "border" 属性，并且只允许使用值 "" 或 "1"。

---

<caption>
作用：
定义表格的标题，必须直接放置到 <table> 标签之后。
语法：
<table broder='number'><caption>表格标题</caption></table>
标签说明：
在 HTML5 中不支持该属性。请使用 CSS 替代它。

---

<th> 可选属性：[colspan | rowspan | headers | scope]

作用：
定义 HTML 表格中的表头单元格，是table单元格中的一种，元素中的文本呈现为粗体并且居中。
语法：
<table broder='number'><th colspan='number' rowspan='number' headers='header_id' scope='col|row|colgroup|rowgroup'></th></table>
属性说明：
colspan | rowspan 表示表头跨越的行和列的宽度，其值为数字型
headers 将各表头之间建立联系，不影响页面显示效果，屏幕阅读器可使用。
scope 属性规定此表头单元格是否是行、列、行组或列组的头部。

---

<tr> html5中无属性

---

<td> [colspan | rowspan | headers]
作用：
定义单元格属性。
语法：
<td colspan='number' rowspan='number' headers='number'>
属性说明：
colspan | rowspan ='0'时，是有特殊含义的，为0表示跨越值单元行或列的最后一行。

---

<thead>\<tbody>\<tfoot>
作用：
用于标识表格结构，分别用于定义表格的表头，表格的主体，表格的页脚。
虽然您可能想包括一个，甚至会在表格中包括两个或更多个 <tbody> 标签，但是我们建议最好在表格中没有 <tbody> 标签。
在 <tbody> 标签中，只有 <tr> 标签可以定义表格行。并且一旦定义，一个 <tbody> 标签就是表格中的一个独立的部分。例如不能从一个 <tbody> 跨越到另一个 <tbody> 中。
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计 行。这种划分使浏览器有 能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。
特别说明：
此三个标签都必须包含tr标签。