`

HTML <thead> 标签

阅读更多
HTML <thead> 标签
定义和用法
<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。

thead 元素应该与 tbody 和 tfoot 元素结合起来使用。

tbody 元素用于对 HTML 表格中的主体内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。

注释:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

提示:在默认情况下这些元素不会影响到表格的布局。不过,您可以使用 CSS 使这些元素改变表格的外观。

详细描述
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
实例
带有 thead、tbody 以及 tfoot 元素的 HTML 表格:

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>

  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>

  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>


浏览器支持
<thead> 标签仅得到所有主流浏览器的部分支持。
分享到:
评论

相关推荐

    HTML基础代码资源

    3. **基本标签**:HTML的主体内容由一系列元素组成,如段落(`&lt;p&gt;`)、标题(`&lt;h1&gt;`到`&lt;h6&gt;`)、无序列表(`&lt;ul&gt;`和`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`和`&lt;li&gt;`)、图片(`&lt;img&gt;`)等。 4. **块级元素与内联元素**:块级...

    html语言课程

    - **文档开始与结束**:HTML文档以`&lt;html&gt;`标签开始,以`&lt;/html&gt;`标签结束。 - **文档头**:由`&lt;head&gt;`标签包裹,其中包含文档的元数据,例如标题(`&lt;title&gt;`)、样式(`&lt;style&gt;`)、脚本(`&lt;script&gt;`)等。 - **...

    table标签使用方法

    通过本文的学习,你应该能够熟练掌握`table`标签的基本用法以及如何使用`colspan`和`rowspan`属性来合并单元格,同时也了解了如何使用`&lt;thead&gt;`、`&lt;tbody&gt;`和`&lt;tfoot&gt;`标签来增强表格的语义性和可访问性。...

    HTML属性.docx

    - **标题标签**:`&lt;h1&gt;`到`&lt;h6&gt;`,用于设置不同级别的标题,`&lt;h1&gt;`为最高级别,`&lt;h6&gt;`为最低级别。 - **段落标签**:`&lt;p&gt;`,用于定义文本段落。 - **换行标签**:`&lt;br/&gt;`,用于强制文本在指定位置换行。 - **...

    HTML5制作表格样式

    `&lt;table&gt;`元素是表格的容器,`&lt;thead&gt;`表示表头,`&lt;tbody&gt;`表示表格主体,`&lt;tfoot&gt;`表示表尾。例如: ```html &lt;table id="table1"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;列1&lt;/th&gt; &lt;th&gt;列2&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; ...

    HTML 5 标签参考

    - **注意**:此标签已被废弃,建议使用`&lt;abbr&gt;`代替。 ##### 6. `&lt;address&gt;` - **用途**:定义联系信息。 - **示例**: ```html &lt;address&gt;作者: John Doe&lt;br&gt;邮箱: john@example.com&lt;/address&gt; ``` ##### 7. `...

    Html标签大全

    这只是HTML标签大全的一部分,实际上HTML标签远不止这些,包括列表(`&lt;ul&gt;`、`&lt;ol&gt;`、`&lt;li&gt;`)、表格的复杂样式、表单元素(`&lt;form&gt;`、`&lt;input&gt;`、`&lt;select&gt;`等)、框架(`&lt;frameset&gt;`、`&lt;frame&gt;`)以及HTML5引入的...

    HTML标签(下)(表格+列表+表单)

    表格的基本结构包括&lt;thead&gt;、&lt;tbody&gt;和&lt;tfoot&gt;三个部分,分别表示表头、表体和表脚。 &lt;th&gt;和&lt;td&gt;标签 &lt;th&gt;和&lt;td&gt;标签是表格中的两个基本单元格标签。&lt;th&gt;标签用于定义表头单元格,其内容将被加粗居中,而&lt;td&gt;标签...

    20.2 HTML 常用标签

    13. **表格元素(&lt;table&gt;)**:用于创建表格,包含&lt;thead&gt;(表头)、&lt;tbody&gt;(表体)、&lt;tr&gt;(行)、&lt;th&gt;(表头单元格)、&lt;td&gt;(数据单元格)等。 14. **表单元素(&lt;form&gt;)**:用于创建用户交互的表单,包含&lt;input&gt;...

    html标签库大全集

    HTML标签的使用不仅限于上述内容,还有很多其他标签如列表`&lt;ul&gt;`和`&lt;ol&gt;`,段落`&lt;div&gt;`,图像`&lt;img&gt;`,链接锚点`&lt;a name=""&gt;`,以及各种表单元素,如`&lt;button&gt;`、`&lt;label&gt;`等。学习和理解这些标签是创建动态、响应式...

    html标签总结

    - **示例**:`&lt;table&gt;&lt;caption&gt;员工名单&lt;/caption&gt;&lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Age&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;John Doe&lt;/td&gt;&lt;td&gt;30&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;` #### 居中文本:`&lt;center&gt;` - **作用**:定义居中文本。该标签已废弃,建议...

    实用html5标签代码参照表

    表格元素也得到了改进,`&lt;table&gt;`、`&lt;thead&gt;`、`&lt;tbody&gt;`、`&lt;tfoot&gt;`、`&lt;th&gt;`和`&lt;td&gt;`等标签让数据呈现更加有序和结构化。同时,`&lt;details&gt;`和`&lt;summary&gt;`标签用于创建可折叠的详细信息,增强用户体验。 表单元素也...

    html5标签大全

    * `&lt;thead&gt;`:定义表格中的表头内容 * `&lt;tbody&gt;`:定义表格中的主体内容 * `&lt;tfoot&gt;`:定义表格中的表注内容(脚注) * `&lt;tr&gt;`:定义表格中的行 * `&lt;td&gt;`:定义表格中的单元 * `&lt;th&gt;`:定义表格中的表头单元格 交互...

    D3.JS 基于javascript的图表展示库<四>----基本元素选择与Table

    2. **创建表格结构**:接着,使用`append()`方法创建表格的基本结构,包括`&lt;table&gt;`、`&lt;thead&gt;`、`&lt;tbody&gt;`等元素。在`&lt;thead&gt;`中,可以创建表头`&lt;th&gt;`来表示数据列的名称。 3. **创建行和单元格**:在`&lt;tbody&gt;`内...

    html5标签整理

    - `&lt;thead&gt;`:定义表格头部。 - `&lt;tfoot&gt;`:定义表格脚部。 - `&lt;tbody&gt;`:定义表格主体。 **10. 样式/节** - `&lt;div&gt;`:定义文档中的节。 - `&lt;span&gt;`:定义行内元素。 - `&lt;section&gt;`:定义文档中的节。 - `&lt;article...

    2022年HTML相关知识点表格标签(1).pptx

    可以使用 `&lt;thead&gt;`、`&lt;tbody&gt;`、`&lt;tfoot&gt;` 标签来分组表格,例如: `&lt;table&gt; &lt;thead&gt; &lt;tr&gt;&lt;th&gt;姓名&lt;/th&gt;&lt;th&gt;性别&lt;/th&gt;&lt;th&gt;年龄&lt;/th&gt;&lt;th&gt;专业&lt;/th&gt;&lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;张东健&lt;/td&gt;&lt;td&gt;男&lt;/td&gt;&lt;td&gt;...

    HTML标签英文单词

    `&lt;thead&gt;` 标签用于定义表格头部。它可以包含表格的列标题或相关元数据。 ### &lt;title&gt;: Document Title `&lt;title&gt;` 标签用于定义文档的标题。它显示在浏览器的标题栏或标签页上,对于SEO也很重要。 ### &lt;tr&gt;: ...

Global site tag (gtag.js) - Google Analytics