Advantages and disadvantages of div+css layout

Source: Internet
Author: User

Advantages of DIV+CSS
1, in line with the standard. This ensures that your site will not be phased out for future upgrades of your Web applications.
2, more affinity for viewers and browsers. 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. This supports browser backwards compatibility, which means that whatever the future of the browser wars, what WINS is, your site is well-compatible.
3. Make the page load faster. Page volume becomes smaller, browsing speed is faster, because the most of the page code written in the CSS, making the page volume capacity 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.
4, to maintain visual consistency. The way in which previous forms are nested makes it possible to skew the display between 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.
5, modify the design more efficient. By using the Div+css authoring method, the content and structure are separated, making it easier to save time when modifying the page. According to the area content tag, find the corresponding ID in CSS, make it more convenient to modify the page, do not break the layout style of other parts of the page, it is easier to work together in team development and reduce the correlation.
6, search engine more friendly. Relative to the traditional table,
Using DIV+CSS Technology Web page, because the most of the HTML code and content style written to the CSS file, which makes the page code more concise, the body part more prominent, easy to be collected by the search engine collection.
CSS+DIV Website Design Flaws
Although DIV+CSS has a certain advantage, but at present Css+div website construction existing problems are more obvious, mainly manifested in:
1, the high dependency of CSS makes the design of Web page more complicated. Relative to the Table layout (table) in the HTML4.0, css+div although not high, but at least more complex than the table positioning, even for the site design experts are also prone to problems, not to mention beginners, which has affected the application of the XHTML website design language to a certain extent.
2, the CSS file exception will affect the normal browsing of the entire site. CSS Web site design elements are usually placed in one or several external files, these files can be quite complex, or even large, if the CSS file call exception, then the entire site will become miserable.
3, for the CSS Web site design browser compatibility issues are more prominent. While search says div+css resolves most browser compatibility issues, there are exceptions in some browsers, and Css+div has yet to be further supported by various browser vendors.
4, Css+div to search engine optimization or not depends on the professional level of web design rather than css+div itself. Css+div Web design does not guarantee the optimization of the search engine, or even a more concise code design than the HTML site. Because for the search engine, the website structure, content, related website links and other factors are always the most important index of website optimization.
How to use WEB2.0 design standards more effectively and rationally, which takes a long time to learn and exercise. And how to use div+css better, need through continuous practice and physical examination, accumulate rich design experience, can very good grasp this technology.

Advantages and disadvantages of div+css layout

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.