Home  >  Article  >  Web Front-end  >  I will explain to you in detail the advantages and disadvantages of DIV+CSS layout and TABLE layout (classic)

I will explain to you in detail the advantages and disadvantages of DIV+CSS layout and TABLE layout (classic)

亚连
亚连Original
2018-05-17 17:33:162787browse

TABLE layout was developed in the early days of WEB when CSS did not exist. It is an informal use of the TABLE tag. The Table tag is a table and is used to display data, not to lay out web pages. , although it is sometimes very simple to lay out web pages. Most websites now use DIV CSS layout. Both layouts have their own advantages.

##1. Benefits of div css layout:

1. Comply with W3C standards, the code structure is clear and clear, and the structure, style and behavior are separated, bringing sufficient maintainability.

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

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

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

5. Use HTML containing only structured content instead of nested tags to improve the search efficiency of other search engines for web pages.

2. Benefits of table layout (table layout is not useless at all, there is no doubt about this)

1. Easy Get started.

2. Can form complex changes, simple and fast.

3. The performance is more "rigorous" and it is well compatible in different browsers.

The above are the advantages and disadvantages of DIV CSS layout and TABLE layout that I compiled for you. I hope it will be helpful to you in the future.

Related articles:

Simple and easy to understand, the 7 layout forms of DIV CSS architecture websites are explained in one sentence

Detailed interpretation Position positioning of page layout

Detailed introduction to CSS page layout techniques

The above is the detailed content of I will explain to you in detail the advantages and disadvantages of DIV+CSS layout and TABLE layout (classic). For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn