html中的表格数据标签

138 阅读1分钟

html中的标签根据其语义可以划分为9种类型,其中之一是表格数据标签。这些标签用于展示与表格相关的内容。

它们是:colcolgroupcaptiontabletrtdthtbodytheadtfoot

它们的语义是:

  • col:定义表格中的列,并用于定义所有公共单元格上的公共语义。
  • colgroup:用来定义表中的一组列表。
  • caption: 展示一个表格的标题。
  • table:表示表格数据——即在一个由包含数据的行和列组成的二维表格中呈现的信息。
  • tr:定义表格中的行。
  • td:定义表格中的列。
  • th:定义表格内的表头单元格。
  • tbody:封装了一系列表格的行(tr元素),代表了它们是表格主要内容的组成部分。
  • thead:定义了一组定义表格的列头的行。
  • tfoot:定义了一组表格中各列的汇总行。

一些使用经验:

  1. caption常常作为table的第一个子元素出现,同时显示在表格内容的最前面。但它可以被 CSS 样式化出现在任何一个相对于表格的任意位置。
  2. col通常位于colgroup元素内。

这是MDN上的一个例子:colgroup一共包含了5列,通过使用col元素(还有span属性),分成了3组,第二组的class类名为batman,第三组class类名为flash441157F3-7957-493E-83AE-9BD2E3AEC9EF.png