HTML thead tag definition and usage detailed introduction

Copy code

The code is as follows:

I would like to ask why the comment in this code <thead> <!– Treat the first two lines as the header area–> says that the first two lines are treated as the header area. Does it mean that the thead element itself defaults to two lines? Or is there some other reason?
Also, does scope="col" mean locking the scope to the column? What's the point of doing this?
This should be combined with rowspan="2", thead simply represents the table header.

HTML <thead> tag <br />Definition and usage:
The <thead> tag defines the table header. This tag is used to group the header content of an HTML table.
The thead element should be used in conjunction with the tbody and tfoot elements.
The tbody element is used to group the body content in an HTML table, while the tfoot element is used to group the caption (footer) content in an HTML table.
Note: If you use thead, tfoot, and tbody elements, you must use all of them. They appear in this order: thead, tfoot, tbody, so that the browser can render the footer before receiving all the data. You must use these tags inside a table element.
Tip: By default these elements do not affect the layout of the table. However, you can use CSS to make these elements change the appearance of the table.
Detailed description:
The thead, 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 enables browsers to support scrolling of the table body independently of the table header and footer. When long forms are printed, the table header and footer may be printed on each page that contains the table data.
Example: HTML table with thead, tbody, and tfoot elements:

Copy code

The code is as follows:

<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>

<<: Detailed explanation of GaussDB for MySQL performance optimization

>>: CSS pixels and solutions to different mobile screen adaptation issues

Zabbix monitors Linux hosts based on snmp

HTML thead tag definition and usage detailed introduction

Zabbix monitors Linux hosts based on snmp

Responsive Web Design Learning (2) — Can videos be made responsive?

Introduction to basic concepts and technologies used in Web development

mysql settings to change the root password, mysql server connection, mysql common commands diagram

JavaScript function detailed introduction

jQuery implements time selector

Detailed explanation of eight ways to optimize MySQL database (classic must-read)

Linux operation and maintenance basic process management real-time monitoring and control

One minute to experience the smoothness of html+vue+element-ui

Detailed analysis and usage of tcpdump command under Linux

Recommend

Summary of tips for making web pages

JavaScript single thread and asynchronous details

Native js custom right-click menu

Detailed process of implementing the 2048 mini game in WeChat applet

How to configure SSL for koa2 service

Secondary encapsulation of element el-table table (with table height adaptation)

Detailed explanation of permission management commands in Linux (chmod/chown/chgrp/unmask)

What to do if you forget the initial password of MySQL on MAC

How to view and modify the time zone in MySQL

Practical example of nested routes in vue.js Router

Mysql case analysis of transaction isolation level

A brief analysis of the best way to deal with forgotten MySQL 8 passwords

Example of how to implement value transfer between WeChat mini program pages

Meta tags in simple terms

Tutorial on customizing rpm packages and building yum repositories for Centos