HTML-表格

table 表格

border

• 规定表格单元是否拥有边框。 1 或 ''

——————————————————————————————————————————

caption 表格标题

• 当 table 元素是 caption 的父元素，caption 是 figure 元素的唯一后代的时候，使用 figcaption 元素替代 caption 元素
  • figure 元素代表一段独立的内容, 经常与说明（caption） figcaption 配合使用, 并且作为一个独立的引用单元。
• CSS 属性 "text-align" 和 "caption-side" 能用来设置标题的对齐方式和显示位置。

——————————————————————————————————————————

colgroup 表格列组

• 用于对表格中的列进行组合，以便对其进行格式化。
• 可以有多个
• 如果想对 <colgroup> 中的某列定义不同的属性，请在 <colgroup> 标签内使用 <col> 标签。
• 只允许出现在 table 中，且必须在 caption 之后，其他标签之前

span

• 规定列组应该横跨的列数。

——————————————————————————————————————————

col 表格列

• 通过使用 <col> 标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。
• 此元素允许使用CSS进行样式列，但只有少数属性将对该列产生影响
  • border
  • background
  • width
  • visibility 是否可见

span

• 该属性值为一个正整数，表示该 <col> 元素横跨的列数。默认值为1

——————————————————————————————————————————

thead 头行

• 最多一个
• 可以包含 0 个或多个 tr 元素.
• 必须位于 caption 和 colgroup 之后，位于 tbody，tfood，tr 之前

——————————————————————————————————————————

th 表头单元格

• 定义表格内的表头单元格。这部分特征是由 scope and headers 属性准确定义的。

colspan

• 这个属性包含一个正整数表示了每单元格中扩展列的数量。默认值为1 。超过1000的值被视作1000。

rowspan

• 这个属性包含一个正整数表示了每单元格中扩展列的数量。默认值为1. 如果该值被设置为 0, 这个单元格就被扩展为(<thead>，<tbody> 或<tfoot>)中表格部分的最后一个元素。
  - 设置为 0 时，或扩展占满整个(<thead>，<tbody> 或<tfoot>)
• 比65534大的值被视作65534。

headers

• 规定与表头单元格相关联的一个或多个表头单元格。在普通的 Web 浏览器中没有视觉效果，但可以通过屏幕阅读器使用。

scope

• 规定某个表头单元格是否是列、行、列组或行组的表头。在普通的 Web 浏览器中没有视觉效果，但可以通过屏幕阅读器使用。

——————————————————————————————————————————

tbody 表格内容

• 可以有多个
• 使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动
• 内部必须包含一个或者多个 <tr> 标签

——————————————————————————————————————————

td 标准单元格

colspan

• 规定单元格可横跨的列数。

rowspan

• 设置单元格可横跨的行数。

headers

• 规定与单元格相关联的一个或多个表头单元格。属性在普通的 Web 浏览器中没有视觉效果，但可以通过屏幕阅读器使用。

——————————————————————————————————————————

tfoot 汇总行

• 最多一个
• 用于组合 HTML 表格的页脚内容
• 作为 <table> 元素的子元素，出现在 <caption>、<colgroup> 和 <thead> 元素之后，<tbody> 和 <tr> 元素之前。
• 必须包含一个或者多个 <tr> 标签

——————————————————————————————————————————

tr 表格行

• 可用于 table 、thead、tbody、tfoot 内
• 允许包含 td、th
• 注释：设置 border 样式无效