Tables have always been an important part of the web design and production process. Before learning CSS layout, most of them were used for layout. However, until now, I found that I have not really understood and fully mastered tables. I have to use them. Re-understand the form...
In modern web design and production, the main purpose of tables should be to store multidimensional two-dimensional data. Tags related to tables include table, tr, td, th, tbody, thead, tfoot, col, colgroup, and caption. How to apply these tags reasonably? Let’s start with an explanation of the nouns.
Explanation of terms
table
Display 2D data
tr
A row in a table
td
Data cell
th
Header cell, which defines the header information of a row or column, cannot be used in layout tables.
tbody
A row or multiple rows in the table are grouped together and must be used together with thead and tfoot
thead
Group a row or multiple rows in the table and use it together with tbody and tfoot
tfoot
Group a row or multiple rows in the table and use it together with tbody and thead
col
column, apply specific attributes to a certain column or several columns, use it together with colgroup
colgroup
Combination of columns, used together with col
caption
Define the title of the table, used at the beginning of the table, only once
summary
Explain the purpose of the form
Example:
| 浏览器 / 月 | 2005 / 11 | 2006 / 04 | 2006 / 05 |
|---|---|---|---|
| 总计 | 1,646 ( 98.45% ) | 6,978 ( 99.48% ) | 5,366 ( 99.56% ) |
| Internet Explorer | 1,535 (91.81%) | 5,905 (86.41%) | 4,550 (84.42%) |
| Firefox | 98 (5.86%) | 746 (10.92%) | 640 (11.87%) |
| Opera | 13 (0.78%) | 147 (2.15%) | 176 (3.27%) |
