Benefits of Div + CSS and standard web pages

The so-called "Div + CSS" is the website standard (or"Web standards") Is one of the commonly used terms, usually to illustrate the difference between the table Positioning method and the HTML web design language, because the table positioning technology is no longer used in the XHTML website design standards, instead, various positioning methods are implemented using Div + CSS.

The DIV element is used to provide the structure and background elements for the content of a block-level in an HTML document. All content between the start tag and end tag of a div is used to constitute this block. The features of the elements contained in the block are controlled by the attributes of the DIV tag, or you can use the style sheet to format the block for control.

CSS is the abbreviation of Cascading Style Sheet in English. It is a computer language used to express the format of HTML or XML files.

 

[1] benefits of standard web pages

In fact, web standards have already been used when various web design and production tools are used for web design and production. In the Dreamweaver or other Web Editor Environment, the webpage editor automatically writesCode. However, we have been writing web standards using editors or other means, but it does not mean that the Web pages are made in line with the design standards. A truly standard-compliant Webpage Design refers to the flexible use of web standards to separate the structure, performance, and behavior of web content-that is, the design of separation of performance and content.

The performance and content separation technology is the core purpose specified by the current web standards:
"Content refers to the specific information, which only indicates the information body. The body is marked as an independent part through the XHTML structured language, such as the left column, right column, and Information List (ArticleList.
The expression refers to the display form of information, such as the font size, Font, and typographical design ." [2]

1. efficient design, planning, and simple maintenance

In the design process of the website, the most desired for the design and planning personnel is the efficient design and planning and simple maintenance, that is, the key to the website design, planning and operation costs. Efficient design and planning brought about by separation of performance and content refers to the separation of content and performance, which can categorize specific content and style design, 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 by separating the design and content, this code can be directly applied or inherited for expansion to reduce repeated code and accelerate design and planning efficiency. This reuse method also plays a multiplier role in maintenance. By modifying the same code segment, all the areas where the code is reused can change the style design at the same time, making maintenance simple and efficient, it is worth noting that due to the separation of content and performance, style designers can focus on style performance without repeatedly defining style content, which greatly improves readability and maintainability.

2. cross-platform information availability

By separating content from design, we can enable cross-platform access to information. Because the content and design have been separated, we can replace the Style Design for other devices, for example, for handheld computers or game consoles, we only need to replace one style design file so that different styles are displayed on the other device to adapt to the screens of different devices, our content itself does not need to be changed.

3. Reduce server costs

By reusing styles and reducing the number of files on the entire website exponentially, it is possible to reduce server bandwidth costs. Especially for large portal websites, the larger the number of web pages, the larger the number of reusable code, which reduces the server's Data Access volume at the same time and reduces bandwidth usage.
(Many foreign websites have tasted the sweetness of conforming to web standards, includingMp3.comMany well-known websites, including Alibaba Cloud, save a lot of money from server costs and invest in other services through the use of web-standard website design. For large websites, the reduction of Web Page code by half means that the required server network bandwidth can be reduced by half. The cost of a website with tens of millions of visits per day is not negligible, many portal websites in China often have hundreds of servers for file images and various services to meet the needs of hundreds of millions of Internet users. However, if the bandwidth can be reduced by half or 1/3, it can also reduce the number of servers by nearly half to meet the needs of internet users. From an economic point of view, it is not ignored. This will save millions of yuan in traffic costs for large websites. Large domestic portal websites such as Netease163. comYahoo ChinaCn.yahoo.com All of them have adopted web standards for Webpage Design)

4. Easy Revision

For websites with frequent revisions, separating the content from the design significantly reduces the cost of the Revision. You only need to change the style file each time, without changing the information. This reduces the technical difficulty and implementation cycle of the revision.

5. Speed up web page resolution

Some tests show that the structure separated by content and design is used for webpage design, which greatly improves the browser's webpage resolution speed. Compared with the old-style content and design mixed encoding, in the parsing process, the browser can analyze structural elements and design elements in a better way. A good web browsing speed improves the user's browsing experience.

6. Compatibility with the future

The content and design have been separated, so you don't have to worry about future technological changes. You can replace and modify the content at any time, whether it is structure or design, you do not need to modify the code that is mixed with information and design.

7. Better User Experience

The Design of performance and content classification requires us to fully understand the specific composition of website information and how to design a good style that can be reused, this allows us to fully think about and design the content, design uniformity, and availability of the website during website design and production, so as to improve the availability of the website and improve the user experience.

Conclusion

Websites that comply with web standards have more advantages. When using web standards for design and planning, we will gradually feel that, the fact that many web designers are designing and planning web standards proves its value.

At present, web standards have become a trend, and website designs that comply with web standards are subtly changing our browsing experience, it also changes the way we are on the Internet in an ever-increasing number of factories.

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 recording [M]. Beijing: Science Press Beijing hope electronics Publishing House, 2006-9: 76-216.

Author: Luo Jing
Source: Paris love
(You are welcome to repost this article. Please indicate the source and make a good link. Otherwise, the author will reserve the right to pursue accountability .)