To new people who have just come into contact with web standards

div or table? This is a question ... Anshan first large skin disease prevention Research Institute www.pfk0412.net

Since the upsurge of web standards and website refactoring, there are a few things that can be seen everywhere:

Question 1: How do I make a 1px high div?

Question 2: How does the table with the X row y column be implemented with a DIV?

Question 3:css can you implement dragging this line?

Question 4: Why is the Web page in the browser normal, but in the DW is chaotic?

Question 5: Why is the layout in IE correct, but in the FF chaos?

......

This is really a problem for people who have just discovered that the layout of the table has been abandoned and started to touch Web standards to build a Web page.

In fact, this problem has deviated from the center from the beginning.

Web standards can not be simply understood as: "Find: Table, replaced by: Div", but to fundamentally change the idea, which is more important, is to separate the content, behavior and performance. Anshan skin disease treatment go to which good www.pfk0412.net

For designers and people who have been using the table layout for a long time, this is also the problem.

Often our current Web page is created from a PSD diagram, and the producer is responsible for converting the PSD diagram into an HTML file. For the production staff, the picture is divided and then combined, the use of the table is simple and fast, but not all of the current visual development software more and more powerful, but this is training the production staff of inertia, people are often accustomed to moving the mouse point set to complete, and not to consider the actual code is what a messy look.

Content, behavior, and performance? What is content? What is behavior? What is performance?

Content, as its name implies, is what visitors really want to know, including data, documents, or pictures. The emphasis on the "real", refers to the pure data information itself, and does not contain ancillary information, such as navigation menus, decorative images and so on.

For example, another article in Cat's Nest, "box model" of the page, its real content should be:

Box model if you want to master the layout of Div and CSS, first of all, have enough knowledge of the box model. Each HTML element can be thought of as a box with something in it, the distance between the contents of the box and the box's border is filled (padding), the box itself has a border (border), and the box border is between the outside of the box and the border (margin), as shown in 1. ......

The definition of the content, the performance is very easy to understand, is the appearance of the page, such as: the position of the navigation bar, the color of the link, the size of the text and so on.

Behavior is a kind of interactive operation, such as the validation of forms, click buttons to make a layer display and hide, which need to be done by JavaScript.

Interaction is the work of JavaScript, do not expect CSS to complete.

Understand the difference between content, behavior, and performance, and say "structure" below.

To new people who have just come into contact with web standards