On the significance and side-effects of DIVCSS Web page layout

With the popularization of WEB2.0 standardized design concept, many large domestic portal sites have adopted div production methods, and the popularity of CSS Web layout skills, from the actual application of the situation, this method is absolutely better than the form of the method of making pages.
Today most websites still use the form of nested content to make the site, although this method for us is more familiar, more hands-on; however, it hinders a better, more approachable, more flexible, and more powerful approach to web design--div+css.

The meaning of the CSS page layout is as follows:

One, make the page load faster
Because most of the page code is written in CSS, the volume of the page size becomes smaller. Relative to the way the table is nested, DIV will separate the page into more areas, loading the page by layer when it opens. Instead of putting the entire page in a large table like a table nesting, the load is slow.

Second, reduce the flow costs
The size of the page, browsing speed faster, which makes for some control of the host traffic site is the biggest advantage.

Iii. Modify Design more efficiently
Because of the use of div production methods, it is easier to save time when modifying pages. According to the regional content tag, to find the appropriate ID in the CSS, making it easier to modify the page, and will not destroy the rest of the page layout style.

Iv. Maintaining visual consistency
One of the most important advantages of DIV: maintaining visual consistency;
In the past, the method of making the table nesting will make the page and the page, or the region and the display of the effect will be biased. The use of the Div method, all pages, or all areas of the unified use of CSS file control, to avoid different regions or different pages reflect the effect of deviation.

Five, better by the search engine included
Because most of the HTML code and content styles are written to the CSS file, this makes the body part of the page more prominent obvious, easy to be collected by search engines.

VI. More affinity to viewers and browsers
We all know that the site is made for viewers to use, the viewer and browser more affinity, div in this respect more advantages. Because of the rich style of CSS, so that the page more flexible, it can be based on different browsers, and achieve the unity of the display effect and not distorted.
Said so many CSS page layout of the significance and advantages, but also can not despise

Side effects of CSS page layouts:

First, although not high Div, but at least more complex than the table positioning, even for the site Design Master is also very easy to have problems, not to mention beginners.

Second, the design elements of CSS Web site is usually placed in 1 external files, or several files, there may be quite complex, or even larger, if the CSS file call anomalies, then the entire site will become miserable.

Three, although said Div solves most browser compatibility problem, but also has in some browsers use the unusual, for example Firefox browser, displays the normal page in IE, to the Firefox browser may be unrecognizable. Of course, this should be a browser problem, but it can be said that at present, Div has not yet implemented all the browser's unified compatibility.

div to search engine optimization or not, depending on the professional level of web design, not div itself. div Web page design does not guarantee the search engine optimization, and even can not guarantee that the HTML site has a more concise code design, not to mention the search engine for the Web page collection and sorting is obviously not to use the table and CSS positioning to measure, That's why many of the Web sites that traditional table layouts make are sorted in search results, and many pages that use CSS and web standards are still behind. Because for search engine, website structure, content, related website link and so on factor is always the most important index of website optimization.