Advantages and disadvantages of CSS Web page layout

About CSS Web page layout, with the popularization of WEB2.0 standardized design concept, many large-scale portal sites in China have adopted div+css production method, from the actual application, this method is absolutely better than the method of table production page.
Today, most websites still use tabular nesting to make websites, although this approach is familiar to us, but it hinders a better, more approachable, more flexible, and more powerful approach to web design--div+css.
　　
The advantages of CSS page layouts are shown in the following areas:

First, make the page load faster
Because most of the page code is written in CSS, the page volume size becomes smaller. Relative to the way the table is nested, DIV+CSS will separate the page into more areas and load it up and down when the page is opened. Instead of having the entire page in a large table like a nested table, the loading speed is slow.

Second, reduce the cost of traffic
The page size is smaller and the browsing speed is faster, which makes it the biggest advantage for some websites that control host traffic.

Third, modify the design more efficient
Thanks to the Div+css authoring method, it is easier to save time when modifying a page. Depending on the area content tag, the corresponding ID is found in the CSS, which makes it more convenient to modify the page and does not break the layout style of other parts of the page.

Iv. Maintaining visual consistency
One of the most important advantages of DIV+CSS: maintaining visual consistency; the way in which previous forms are nested makes it possible to skew the display of pages and pages, or between regions and regions. Using Div+css's production method, all pages, or all areas of the unified CSS file control, to avoid the different areas or different pages reflect the effect of the deviation.

V. Better to be indexed by search engines
Because most of the HTML code and content styles are written into the CSS file, this makes the body part of the Web page more prominent, easy to be collected by the search engine.

Vi. more affinity for viewers and browsers
We all know that the site is to be used for viewers, viewers and browsers more affinity, div+css in this respect more advantages. Because CSS is rich in style, making the page more flexible, it can be based on different browsers, and achieve the unity and non-deformation of the display effect.

Said so many CSS page layout meaning and advantages, but also can not belittle the disadvantages of CSS page layout:

First, although not high div+css, but at least more complex than the table positioning, even for the site design experts are also prone to problems, not to mention beginners.

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

Third, although said Div+css solve most of the browser compatibility issues, but also in some browsers to use the exception, such as Firefox browser, in IE display the normal page, to the Firefox browser may be unrecognizable. Of course, this should be a browser problem, but it can be said that for the time being, DIV+CSS has not implemented all browsers 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 design does not guarantee that the search engine optimization, or even more than the HTML site has a more concise code design, not to mention the search engine for the collection and ranking of Web pages is not based on whether the table and CSS positioning to measure, That's why many of the traditional forms of table layouts are sorted in search results, and many web pages that use CSS and Web standards are still ranked behind. Because for the search engine, the website structure, content, related website links and other factors are always the most important index of website optimization.

The above is the CSS page layout advantages and disadvantages of the content, more relevant articles please pay attention to topic.alibabacloud.com (www.php.cn)!

