XHTML Web page and HTML Web page production technology comparison

xhtml| Web page

It seems that there is a lot of confusion about the production of XHTML Web pages, and there are some difficulties in solving them, and I am now going to explain the differences between the XHTML Web page and the HTML page making techniques.

First of all, let's talk about how HTML Web pages are made:

1. Get the art design and start cutting the picture
2. Use a table to make a cut to a Web page
3. Put the contents in the already arranged blanks

XHTML Web page in the production techniques and order is very different, XHTML want to do is the separation of content and layout, then the work of natural producers and designers can be a certain degree of separation.

Let's do a description of the XHTML Web page production process with the FARIDEARSS Web page I made to my ideal:

　　1. Content Division

The content of the Bold division: Logo, navigation, article title, author, release time, copyright and so on, in code is:

<div id= "Context" >
<div id= "logo" ></div>
<ul>
<li> Menu 1</li>
<li> Menu 2</li>
</ul>
<div id= "Items" >
<div class= "Item" >
<span class= "title" ></span>
<span class= "Author" ></span>
<span class= "Time" ></span>
<div class= "Memo" >
</div>
</div>

The content should be linearly aligned, the purpose of the label is only to differentiate the structure of the content, and not to care about the designer's design, forget the shadow, color, background image, because you and the designer has already discussed the content of the Web page before design, so the design is for content service.

　　2. Simple typesetting

Then we got the designer's draft, designers have used very beautiful colors, very beautiful layout for us to design this page, this is the time to play the power of CSS, we will be the original definition of content with CSS layout, with color blocks (do not hurry to cut the map) on the content of the distinction, Don't be anxious to add a background picture, because that will only disturb yourself. Examples are as follows:
Pictures related to this topic

At this time is the production of the staff of the CSS test, as long as the conviction of a belief, no CSS can not do it:

　　3. Thin Taste

This is the general structure of the Web page has come out, but need to the designer's page for careful taste, in order to effect the designer will add some shadows or good-looking background pictures, or progressive pictures, at this time we may have to add some auxiliary tags in the original content to place these backgrounds or embellishment pictures, But the principle is as little as possible, can use the background of the original label to do with the background, here also test the producer's CSS skill.

　　4. Compatibility

We also have to do a test in a variety of browsers to see if they are normal in every browser, and then move the code as close to the XHTML standard as possible. Our Faridearss has passed the XHTML test successfully.

Then let's recap the XHTML Web page making steps:

1. A radical division of content
2. Simple typesetting
3. Thin Grade Design
4. Compatibility and standards

In general, XHTML Web pages are time consuming than traditional HTML pages, but out of the page capacity of small compatibility good, the main thing is, I do not know whether we have noticed, can be separated from the DW This visual tool dependencies, as long as there is a good CSS editor on it, this dependence on the separation is not to be overlooked.