The meaning and side effects of CSS page layout

With the popularization of WEB2.0 standardized design concept, many large domestic portal sites have adopted DIV+CSS production methods, 52css.com also become a CSS Web page layout Technology Learning Pioneer site, 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, to 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+CSS will separate the page into more areas, loading the page by layer when it is opened. 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.

Thirdly, it is more efficient to modify the design

Because of the use of DIV+CSS 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+CSS: maintain visual consistency; the previous form nesting method will make the page and the page, or region and region between the display effect will be biased. The use of the Div+css method, all pages, or all areas of the unified use of CSS file control, to avoid the different regions or different pages reflect the effect of deviation.

Five, better to be included in the search engine

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+css 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 the CSS page layout side effects:

First, although not high div+css, 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+css 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+CSS has not yet implemented all the browser's unified compatibility.

Div+css to search engine optimization or not, depending on the professional level of web design, rather than div+css itself. DIV+CSS 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 ranking is not to use the table and CSS positioning to measure, this is why Many of the traditional forms of the Web site in the search results of the ranking of the first, and many use CSS and web standards produced by the page ranking is still behind the reasons. Because for search engine, website structure, content, related website link and so on factor is always the most important index of website optimization.

Comprehensive discussion of the above DIV+CSS advantages and slightly potential, I think not blindly follow, how to more effective, more reasonable use of WEB2.0 design standards, it takes a long time to learn and exercise, you are welcome to pay attention to 52css.com updated articles. And how will div+css use better, I think this need through continuous practice and physical examination, accumulated rich design experience, can very good grasp this technology.