ba la ba la table

Nowadays, table is rejected by the overwhelming majority of us. The time has come, table is useful at certain times, after all, the standard is not wasted.

When it comes to the bad table, we must say a few words, but let's first say what the table is or even must

1. Display multi-data list

Now the original meaning of table should be used as a list of data, for some data processing with table appears more orderly and semantic.

2, EDM production edm,table is almost necessary (you do not tell the landlord your EDM is directly a picture).

After saying the table is available to its shortcomings, when the small partners to iterate over an old project found all the table layout, the heart of death has been

Disadvantages:1, page rendering performance problem: The browser needs to fully read the entire table before it starts rendering, and then divergence, because the contents of the last cell of the table is too wide to cause a complete change in the column size, these small changes will cause all other nodes in the table (table) reflow (reflow). 2, because of the lack of semantics, not conducive to SEO, screen reading software and Braille browser can not well understand the contents of the table, the users of the visual impairment lack of friendliness. 3, table nested too much, code overhead is generally relatively large, later maintenance is also a big problem.   Compatibility:Of course it also has a benefit that is not beneficial, compatibility is good, but if your base is better, do not use the table layout can also write good compatibility code. In fact, the table is also a compatibility problem, such as its border-spacing, in the table is the border is separated mode (border-collapse:separate), set border-spacing, This attribute represents the distance between the TD borders and, if only one length value is set, represents the horizontal and vertical spaces. If you set two length values, the first value is the horizontal space and the second is the vertical space. The length value cannot be negative, but this property does not support IE6, 7, and 8 (Q), we need to use cellspacing, if the horizontal and vertical space is equal, you can use the table's cellspacing (deprecated but available) property instead of border-spacing Characteristics.  Another important note in table is the table-layout property:Fixed table layout: Allows the browser to layout the table more quickly, the horizontal layout of the table does not depend on the contents of the cell, but depends only on the width of the table, the width of the column, and the spacing of the border or cell. With the fixed layout algorithm, the client can start the table layout after the first row has been downloaded, and subsequent rows of cells do not affect the column width. The value Auto is the automatic table layout: Default value, the width of the column is set by the widest content in the column cell that does not have a row. This algorithm is sometimes slower, because it needs to access all the content in the table before determining the final layout. so do not need to auto the case as far as possible to take the value of fixed, in order to faster!  with the rapid development of HTML and CSS, it may not be long before the table really want to say goodbye to everyone, but the mastery of it is not bad, the book to Time to hate less, and finally welcome to spit Groove ...

ba la ba la table