Re-recognize the table and an example of Access accessibility data tables _css/html

Except for special instructions, the content of this site uses creative sharing authorization attribution and non-commercial use, please respect the fruits of labor.

Table has always been a Web page design and production process an important component, in not learning CSS layout, mostly used for layout, but to the current location found actually did not really understand and fully grasp the table, have to need to re-understand the table ...

In modern web design, the main purpose of the table should be to store multivariate two-dimensional data. The table-related labels are table, TR, TD, Th, TBODY, THEAD, TFOOT, col, Colgroup, caption, and how are these labels reasonably applied? Start with the noun explanation first.

noun explanation

Table

Show two-dimensional data

Tr

A row in a table

Td

Data cells

Th

A table header cell that defines a row or column of header information that cannot be used in a layout table.

Tbody

A row or group of rows in a table to be used in conjunction with THEAD and TFOOT

Thead

Group One or more rows in a table to be used in conjunction with TBODY, TFOOT

Tfoot

Group One or more rows in a table to be used in conjunction with TBODY, THEAD

Col

columns, applying specific attributes to a column or columns, using colgroup together with the

Colgroup

Combination of columns, used in conjunction with COL

Caption

Define the title of the table, use it at the beginning of the table, only once

Summary

Explain the purpose of the table

Example:

 
  
  

  
   
   

     Access Www.forest53.com Browser Statistics 
   
  
   
   
 
    
 
     
 
     
 
     
 
     
 
    
 
   
  
   
   
 
    
 
     
Total
 
     
1,646 (98.45%)
 
     
 
     
 
    
 
   
  
   
   
 
    
 
     
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%)
 
    
 
   
 
  
  

