Since the network has made a Xhtml1.0 standard, many sites are beginning to use it to reconstruct the site, like Yahoo,163,csdn, and so on, recently a period of time xhtml+css2 the upsurge is a wave high over a wave, so I began to learn, and slowly fell in love with them, Now let's talk about the learning experience of the recent period of time.
Why do you learn Xhtml+css2
First, the code of the specification can be displayed smoothly in various browsers.
Some non-standard code of the Web page in IE can display normally, in Firefox and opera may not be displayed normally. Although the browser is the mainstream of IE and IE as the core of a variety of browsers, but do not exclude Firefox and opera and other browsers, such as the growing user base, and these people are more proficient in the computer of the veteran, they scold their site is too rubbish I think the taste should be bad, hehe.
Of course, this is not to say that the use of table and other Web pages do not meet the standard, but many people are accustomed to using Forntpage or Dreamweaver to do the design, these visual software is convenient, but the problem is also many, these software will automatically increase or decrease some code, Without the habit of looking at the code, it is easy to produce a nonstandard code.
Second, DIV + CSS2 makes the layout of the page easier
Say is xhtml+css2, in fact more time is div+css2 to build the website. Before the layout of the page or set a good effect, more use of a large number of table nesting, usually a page to partition, more use of cells to describe the area, such as WYSIWYG software is more intuitive, but this affects a few aspects, the first may affect the download speed, and secondly for the handwriting code , this structure is very not intuitive, in addition, involved in a place is a combination of cells, if you accidentally mistaken a colspan= "? , the layout of the entire page will be unrecognizable.
And with CSS layout, like in PS in the layer to operate the same, because the CSS has a relative and absolute concept, hehe, so the layout of the page is more relaxed and convenient.
In addition, XHTML can reduce file volume
Although the speed is more and more large, but who do not want their site faster, some have said that "the world's furthest distance is not the earth to the sun, but the Chinese telecom to China Netcom", if you in the Telecommunications server site by the Netcom line users to browse, Web file size will also affect the experience of visitors. And using XHTML is good for you to solve this problem, hehe.
In view of the above, I began to become accustomed to using XHTML+CSS2 to build the site.
The experience in learning
Code authoring Tools: Since there is no visual tool to write Xhtml+css2 pages, it is necessary to find a suitable code writing tool, I have been using EditPlus, as you recommend it, about editplus some of the use of tips, you can see here:
Http://www.ifess.com/?p=23
Page layout structure: to a page first to have a whole layout, for example, Header,menu,sidebar,content,footer, and so on, by defining the CSS properties of these elements to the page a whole division, then in these elements to write specific content, This will not make the page look messy.
CSS notation: In a project, property values that define content properties and structure layout properties can be written separately, so that they are easy to find and modify. Minimize duplicate definitions, and the inherited attributes will not be repeated. Try to use the CSS property values that are compatible with IE and Firefox, because some of the properties that are not displayed properly after writing are useless.
XHTML file: Try to use the plug-in link to call the CSS file, for only one time the CSS properties can also be used in the file internal writing method. When writing code, it is best to write comments, and be sure to pay attention to the alignment of the format, so as to facilitate error checking.
For the time being, I would like to invite you to discuss it.
Some common resources and links are attached below:
CSS2.0 Chinese Handbook, Korea Commercial website design analysis, color standard 2004,JS manual:
http://www.im286.com/viewthread.php?tid=875287
Xhtml1.0 Check page:
Http://validator.w3.org/checklink
CSS Check page:
http://jigsaw.w3.org/css-validator/
CSS Online optimization:
http://flumpcakes.co.uk/css/optimiser/
Article Source: http://www.ifess.com/?p=70 Author: Outdated Ipv6, reproduced please specify.
