HTML中的<td>和<tr>标签确实是缩略词,分别代表表格中的列和行,
但需要明确它们的层级关系:<tr>表示行(table row),而<td>表示行中的单元格(table data cell)。
以下是详细解析:
词源与含义
<tr>标签全称:
table row(表格行)作用:定义表格中的一行,所有单元格(
<td>或<th>)必须嵌套在<tr>标签内。示例:
<td>标签全称:
table data cell(表格数据单元格)作用:表示行中的具体数据单元格,多个
<td>横向排列组成一行。示例:
<tr> <td>单元格1</td> <td>单元格2</td> </tr>
<tr> <td>数据1</td> <td>数据2</td> </tr>
层级关系
正确理解:
<tr>是行的容器,<td>是行内的列元素。常见误区:将
<td>误认为“列”,实际应为“单元格”。列由多个<td>(或<th>)在行中横向排列形成。
其他相关标签
<th>标签:table header cell(表头单元格),用于定义列标题,默认加粗居中。
<table>标签:表格的根容器,所有行和单元格需嵌套其中。
总结
<tr> =table row(行)
<td> =table data cell(行中的单元格)表格结构:
<table>→<tr>→<td>(或<th>)35。
通过词源和层级关系,可以更清晰地理解HTML表格的构成逻辑。