Home > Web Front-end > Front-end Q&A > What does thead mean in HTML5

What does thead mean in HTML5

青灯夜游
Release: 2022-01-17 11:54:23
Original
3322 people have browsed it

In HTML5, thead means "table header". It is a tag element that defines the table header. It must be used together with the tr element. The syntax is "”.

What does thead mean in HTML5

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

What does thead mean in HTML5

What does thead mean in HTML5

## tag defines the header of the table. must have a tag inside!

Thethead, tfoot, and tbody elements give you the ability to group rows in a table. When you create a table, you probably want to have a header row, some rows with data, and a total row at the bottom. This division gives the browser the ability to support table body scrolling independently of table headers and footers. When long tables are printed, the table header and footer can be printed on each page that contains the table data.

Note: If you use thead, tfoot, and tbody elements, you must use all of them. They appear in the order: thead, tfoot, tbody, so that the browser can render the footer before receiving all the data. You must use these tags inside the table element.

Example:

<table>  <thead>
    <tr>
      <td>THEAD 中的文本</td>
    </tr>  </thead>

  <tfoot>
    <tr>
      <td>TFOOT 中的文本</td>
    </tr>
  </tfoot>

  <tbody>
    <tr>
      <td>TBODY 中的文本</td> 
    </tr>
  </tbody>

</table>
Copy after login

What does thead mean in HTML5

Related recommendations: "

html video tutorial"

The above is the detailed content of What does thead mean in HTML5. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template