The benefits of div+css and web standard pages

CSS is the abbreviation of Cascading Style Sheets in English. It is a computer language used to express the styles of files such as HTML or XML.

[1] Benefits of Web Standards

In fact, web standards have been used when using various web design and production tools to design and produce web pages. When designing a web page in Dreamweaver or other web page editors, the web page editor actually automatically writes the various code snippets in the web standards for us. However, we have been using editors or other means to write web standards, but it does not mean that the web pages produced meet the design standards. Truly standards-compliant web design is one that can flexibly use Web standards to separate the structure, presentation, and behavior of Web content—that is, a design that separates presentation from content.

The separation of presentation and content is the core purpose of current Web standards:
"Content refers to specific information, which only refers to the main body of the information. The main body is marked into independent parts through the xhtml structured language, such as left column, right column, information list (article list), etc.
Presentation refers to the form in which information is presented, such as font size, typeface, and layout design. ” [2]

1. Efficient design, planning and simple maintenance

During the website design process, what designers and planners hope for most is efficient design and planning as well as simple maintenance, which is the key to the website's design, planning and operating costs. The efficient design and planning brought about by the separation of expression and content means that through the separation of content and expression, the specific content and style design can be classified and the same design can be reused. After defining the design style of an element on the interface, the design style code can be reused in another information content through the separation of design and content. The code can be directly applied or inherited for expansion to achieve the purpose of reuse, which can reduce duplicate code and speed up design and planning efficiency. This reuse method can also achieve twice the result with half the effort in maintenance. By modifying the same code segment, the style design of all areas that reuse this code can be changed at the same time, making maintenance simple and efficient. More noteworthy is that due to the separation of content and presentation, style designers can focus on the presentation of the style without repeatedly defining the style content, which greatly improves readability and maintainability.

2 Availability of information across platforms

By separating content from design, we can make information accessible across platforms. Since content and design are separated, we can replace the design style for other devices. For example, for handheld computers or game consoles, we only need to replace one style design file to have a different style on another device to adapt to the screen of different devices, and our content itself does not need to be changed.

3. Reduce server costs

By reusing styles, the file size of the entire website can be reduced exponentially, making it possible to reduce server bandwidth costs. Especially for large portals, the larger the number of web pages, the more code is reused, which reduces the amount of data access to the server at the same time and reduces bandwidth usage.
(Many websites abroad have already tasted the sweetness of designs that meet Web standards. Many well-known websites, including mp3.com , have saved a lot of money from server costs by using Web standard website designs, which have been invested in other services. For large websites, reducing the amount of web page code by half means that the server network bandwidth required can be reduced by half. For a website with tens of millions of daily visits, this cost cannot be underestimated. Many domestic portals often have hundreds of servers for file mirroring and various services to meet the needs of hundreds of millions of netizens. However, if the bandwidth can be reduced by half or one-third, the number of servers can be reduced by nearly half to meet the needs of netizens. From an economic point of view, it is not negligible, and it will save large websites millions of yuan in traffic costs. Now large domestic portals such as NetEase 163.com Yahoo China cn.yahoo.com Web standards have been adopted for web design)

4. Easy to modify

For websites that are frequently revised, separating content from design can significantly reduce the cost of revision. Each revision only requires changing the style file without changing the information content. This reduces the technical difficulty and implementation cycle of the revision.

5. Speed ​​up web page parsing

Some tests show that the current web design structure that separates content and design has greatly improved the browser's parsing speed of web pages. Compared with the old-style content and design mixed coding, the browser can analyze structural elements and design elements in a better way during parsing. The good web browsing speed improves the user's browsing experience.

6. Future-proof

The content and design have been separated, so there is no need to worry about future technological changes. Both the structure and the design can be replaced and modified at any time, and there is no need to make modifications in the code that is mixed with information and design.

7. Better user experience

The design of presentation and content classification requires us to fully understand the specific composition of website information and how to design good styles for reuse, so that when designing and making the website, we can fully think about and design the content, design consistency, and usability of the website, thereby improving the usability of the website and improving the user experience.

Conclusion

Website design that complies with Web standards has more advantages. In the process of using Web standards for design and planning, you will gradually feel that the fact that many web designers choose Web standards for design and planning further proves its value.

Currently, Web standards have begun to become a trend of popularization. Website designs that comply with Web standards are subtly changing our browsing experience and the way we express ourselves on the growing Internet.

References:
[1] What is div+css[DB/OL]
http://www.emct.cn/Knowledge/webmarket/2006-08-16/73.html
[2] Li Chao. CSS website layout record [M]. Beijing: Science Press Beijing Hope Electronics Press, 2006-9: 76-216.

Author: Luo Jing Source: Paris Ivy (Reprinting is welcome, please indicate the source and link it, otherwise the author will reserve the right to pursue responsibility.)