HTML |范围属性

在HTML表格中，元素代表表格中的数据单元格。对于跨越多行或多列的单元格，可以使用范围属性以提高表格的可读性和可访问性。

范围属性定义了单元格跨越的行数和列数，可用于行合并或列合并单元格。范围属性有两个属性：rowspan和colspan。

rowspan

rowspan属性定义单元格跨越的行数。例如，如果要让单元格跨越两行，则该单元格的rowspan属性应该设置为2。以下是rowspan属性的示例代码：

<table>
  <tr>
    <td rowspan="2">跨越两行</th>
    <td>第一行第二列</th>
    <td>第一行第三列</th>
  </tr>
  <tr>
    <td>第二行第二列</th>
    <td>第二行第三列</th>
  </tr>
</table>

上面的代码将在第一列的单元格中跨越两行。

colspan

colspan属性定义单元格跨越的列数。例如，如果要让单元格跨越两列，则该单元格的colspan属性应该设置为2。以下是colspan属性的示例代码：

<table>
  <tr>
    <td>第一列第一行</th>
    <td colspan="2">跨越两列的单元格</th>
  </tr>
  <tr>
    <td>第二列第一行</th>
    <td>第二列第二行</th>
    <td>第二列第三行</th>
  </tr>
</table>

上面的代码将在第二列的第一行插入一个跨越两列的单元格。

注意，使用rowspan和colspan属性时要确保表格的结构正确，否则会导致表格的可读性和可访问性受到影响。

参考资料：HTML Tables - W3Schools