Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What are the benefits of div+css and Web standard web pages?

2025-04-06 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/02 Report--

This article introduces you about the benefits of div+css and Web standard web pages, the content is very detailed, interested friends can refer to, hope to be helpful to you.

Div elements are elements that provide structure and background for block-level content in an html document. Everything between the start and end tags of the div is used to form this block, and the properties of the elements contained in it are controlled by the attributes of the div tag, or by formatting the block using a style sheet.

Css is the abbreviation of English Cascading Style Sheets (cascading style sheet). It is a computer language used to express the style of files such as html or xml.

[1] benefits of Web standard web pages

In fact, when using a variety of web design and production tools for web design and production, the Web standard has already been used. When designing web pages in the environment of Dreamweaver or other web page editors, this web page editor is actually automatically writing various code snippets in the Web standard for us. However, we have been using editors or other means to write Web standards, but it does not mean that the web pages are in line with the design standards. The web design that really conforms to the standard refers to the flexible use of Web standards to separate the structure, performance and behavior of Web content-that is, the separation of performance and content.

The technology of separation of presentation and content is the core purpose specified by the current Web standard:

"content refers to specific information, which only represents the text of the information, which is marked as separate parts through xhtml structured language, such as left column, right column, information list (article list), and so on.

Expression refers to the display form of information, such as font size, font, typesetting design called expression. "[2]

1 efficient design, planning and simple maintenance

In the process of website design, what designers and planners want most is efficient design and planning and simple maintenance, which is the key to the cost of design, planning and operation of the website. Efficient design and planning brought about by the separation of performance and content means that through the separation of content and performance, specific content and style design can be separated, and the same design can be reused. After defining the design style of an element in the interface, through the separation of design and content, this piece of design style code can be reused in another information content. Direct application or inheritance of this code for expansion, to achieve the purpose of reuse, can reduce repetitive code and speed up the efficiency of design and planning. This method of reuse can also get twice the result with half the effort in maintenance. by modifying the same code segment, all areas that reuse this code can change the style design at the same time, making maintenance simple and efficient. More importantly, due to the separation of content and performance, style designers can focus on the performance of styles without having to redefine style content. The readability and maintainability have been greatly improved.

2. Cross-platform availability of information

By separating the content from the design, we can access the information across platforms. because the content and design have been separated, we can carry out style replacement designs for other devices, such as PDAs or game console terminals. we only need to replace one style design file to have different style representations on another device to adapt to the screens of different devices. And our content itself does not need to be changed.

3 reduce server cost

Through the reuse of styles, the number of files in the whole website can be reduced exponentially, which makes it possible to reduce the cost of server bandwidth. Especially for large portals, the larger the number of web pages, the more code is reused, which reduces the data access of the server at the same time and reduces the use of bandwidth.

In foreign countries, many websites have benefited from the design that meets the Web standard. Many well-known websites, including mp3.com, have saved a lot of money from server costs and invested in other services by using Web standard website design. For large websites, reducing the amount of web code by half means that the server network bandwidth they need can be reduced by half, and the cost of a website with tens of millions of visitors a day can not be ignored. Many domestic portals often install hundreds of servers for file mirrors and various services to meet the needs of hundreds of millions of netizens, but 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 netizens, which is not ignored from an economic point of view, and it will bring millions of yuan of traffic cost savings to large websites. Now large domestic portals such as NetEase 163.com Yahoo China cn.yahoo.com have adopted the Web standard for web design)

4 easy to change the edition

For frequently revised websites, the cost of revision is greatly reduced by separating the content from the design. Each revision only needs to change the style file, but there is no need to change the information content. As a result, the technical difficulty and implementation cycle of revision have been reduced.

5. Speed up the parsing of web pages.

Some tests show that the current web page design through the structure of separation of content and design greatly improves the speed of web page parsing. Compared with the old mixed coding of content and design, browsers can analyze structural elements and design elements in a better way, and good web browsing speed can improve users' browsing experience.

6 compatible with the future

Content and design have been separated, there is no need to worry about future technological changes, whether the structure or design, can be replaced and modified at any time, no longer need to be modified in the code 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 the designed style can be reused, so that we can fully consider and design the content, design unity and usability of the website when designing and making the website, so as to improve the usability of the website and improve the user experience.

Conclusion

Website design in line with Web standards has more advantages. In the process of using Web standards for design and planning, we will gradually feel that many web designers have more proved its value in choosing Web standards for design and planning.

At present, the popularity of the Web standard has become a trend, and website design that conforms to the Web standard is imperceptibly changing our browsing experience, as well as the way we behave on the growing Internet.

About the benefits of div+css and Web standard web pages is shared here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report