Detailed explanation for you, div+css layout and table layout advantages and disadvantages (classic)

Table layout is the beginning of the web when the early CSS does not exist, is the informal use of table tags, table tags are tables, is used to display data, rather than to layout the page, although it is sometimes easy to layout the page. The vast majority of sites are now using div+css layouts. Each of these two layouts has its advantages.

First, the advantages of DIV+CSS layout:

1. In line with the standards, the code structure is clear, the structure, style and behavior of the separation, resulting in good enough maintainability.

2. The layout is precise and the layout of the website is easy to modify.

3. Speed up the loading of the page (most important) (in IE, the entire table is loaded before the content is displayed).

4. Save the space occupied by the site and the traffic of the site.

5. Use HTML that contains only structured content instead of nested tags to improve search efficiency for Web pages in other search engines.

Second, the Table layout benefits (table layout is not a little use no, this is beyond doubt)

1. Easy to get started.

2. Can form complex changes, simple and fast.

3. The performance of the more "rigorous", in different browsers can be very good compatibility.

The above is my div+css layout and table layout of the advantages and disadvantages, I hope that in the future will be helpful to everyone.

Related articles:

Simple and easy to understand, DIV+CSS architecture website of 7 layout forms, gave away

A detailed explanation of the position positioning of the page layout

Detailed introduction to CSS page layout tips