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

This article introduces the knowledge of "how to separate content structure performance and behavior in WEB standard". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

The separation of content and performance has been discussed from the standard to the day when Chinese people attach importance to it, but it stays on the separation of div+css xhtml+css pure code, thinking and process, how to separate in the end?

An ancient topic: the separation of an ancient poem

1. Give you an ancient poem, save it as a pile of text without a format, and you understand its content and deal with its structure. After typesetting with word, he has a structure.

two。 This structure actually contains semantics and expression.

3. Structuring with html, putting aside all forms of expression and considering only semantics

4. Using CSS for presentation processing, including the default representation of html, he has a visual representation, which reflects the structure and user experience, which includes interactive typesetting and visual experience.

5. If you add behavior, such as clicking on the comment sequence number, slowly jump to the comment content.

And take a look at css Zen Garden.

The same five steps above to form the first version of css Zen Garden

What more template providers do is interactive line draft + visual design. Reflected in the web page is CSS

It can be seen that from a coding point of view,

The first step is to process the content as structure and write pure HTML.

The second step, structure processing for expression, pure CSS writing

Step three, add behavior to performance.

From a process point of view

The first step is to plan the documentation

The second step is structural processing.

The third step, interaction design (interaction style construction)

The fourth step, visual design (visual style construction)

The fifth step, style construction

This is the end of the content "how to separate the content structure expression and behavior in the WEB standard". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.