《HTML&&CSS3入门经典》(5)——表格

1. 基本表格元素与特性——用<table>元素创建表格,包含以下特性

  • dir特性:指定表格文本行文方向。可能取值有 ltrrtl
  • <tr>元素包含表格行
  • <td><th>元素表示表格单元。前者表示表格数据,后者表示表头信息
  • colspan特性:一个单元横跨多个列时
  • headers特性:指明哪些表头应该对应所在单元
  • rowspan特性:一个单元纵向跨越多少表格行
  • scope特性:指定当前表头向哪些单元提供标签和表头信息,可能取值有:row、col、rowgroup、colgroup

2. 为表格添加标题

使用<caption>元素。多数浏览器在表格之上的中间位置显示该元素的内容

###3. 表格区域分组

  1. 使用colspan特性跨越列
  2. 使用rowspan特性跨越行
  3. 将表格分解为表头、表体及表尾
    • <thead>创建独立的表头
    • <tbody>指定表格主体
    • <tfoot>创建独立的表尾
  4. 使用<colgroup>元素进行列分组。它直接出现在<table>开标签之后,并包含一个span特性,用以指定该组包含了多少列
  5. 使用<col>元素在列间共享样式,更多地用于呈现目的

4. 嵌套表格

5. 易访问表格

使用id、scope、headers特性:在<th>元素中添加scope特性有助于指定该表头应用于哪些单元,取值有row、col、rowgroup、colgroup。在<td>元素中添加 headers属性有助于指定哪些表头对应于该单元,该特性的值是一个由空格分隔的表头单元id属性值列表。

Table of Contents