Advantages and disadvantages of DIV+CSS layout

Advantages of DIV+CSS
1. Comply with W3C standard. This ensures that your website will not be obsolete due to future web application upgrades.
2. More affinity to the browser and the browser. Because CSS is rich in rich styles, it makes the page more flexible, and it can achieve a unified and non-distorted display effect according to different browsers. This supports the backward compatibility of browsers, that is, no matter what will be won in the browser war in the future, your website will be well compatible.
3. Make pages load faster. The page size becomes smaller and the browsing speed becomes faster. Since most of the page code is written in CSS, the page volume capacity becomes smaller. Compared with the way of table nesting, DIV+CSS separates the page into more areas, which are loaded layer by layer when the page is opened. Instead of enclosing the entire page in a large table like table nesting, the loading speed is very slow.
4. Maintain visual consistency. In the past, the method of making table nesting will make the display effect of page to page or area to area deviate. Using the DIV+CSS production method, all pages or all areas are controlled by CSS files uniformly, which avoids the effect deviation reflected by different areas or different pages.
5. More efficient when modifying the design. Due to the use of the DIV+CSS production method, the content and structure are separated, and it is easier to save time when modifying the page. According to the area content tag, find the corresponding ID in CSS, which makes it more convenient to modify the page, and will not destroy the layout style of other parts of the page. It is easier to divide labor and cooperate in team development and reduce interrelatedness.
6. Search engine is more friendly. Compared with the traditional table,
the webpage using DIV+CSS technology, because most of the HTML code and content style are written into the CSS file, which makes the code in the webpage more concise, and the text part is more prominent and easy to be searched. Engine collection records.
       Defects in CSS+DIV website design
Although DIV+CSS has certain advantages, the problems existing in CSS+DIV website construction at this stage are also relatively obvious, mainly in:
1. The high dependence on CSS makes web design more complicated. Compared with the table layout (table) in HTML4.0, although CSS+DIV is not unattainable, it is at least much more complicated than table positioning. It is easy to have problems even for website design masters, let alone beginners. This has affected the popularization and application of XHTML website design language to a certain extent.
2. Abnormal CSS files will affect the normal browsing of the entire website. The design elements produced by CSS websites are usually placed in one or several external files. These files may be quite complex or even huge. If the CSS file is called abnormally, the entire website will become miserable.
3. The browser compatibility problem of CSS website design is more prominent. Although the search says that DIV+CSS solves most browser compatibility problems, there are also exceptions in some browsers. CSS+DIV still needs further support from various browser manufacturers.
4. Whether CSS+DIV is optimized for search engines 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 web pages for search engines, or even a more concise code design than HTML websites. Because for search engines, factors such as website structure, content, and related website links are always the most important indicators of website optimization.
How to use WEB2.0 design standards more effectively and reasonably requires a long time of study and exercise. And how to use DIV+CSS better, it is necessary to accumulate rich design experience through continuous practice and physical examination, in order to master this technology well.