How to learn webpage standard
Webpage of very much classical forum standardizes the edition friend of edition to ask this question, I think each person that just contacts Web standard can ask such question, I am summed up according to my experience.
Step 1. Do not use the tool such as DW to design a webpage blindly, go be familiar with (X)HTML language and CSS language
Because Web standard rose to the requirement of code, doing not have pair of Xhtml code to do not have proper understanding cannot pass school check. DW tool also can be used, but should look at code to write a webpage.
It is Xhtml code above all, not be very much, know how they are used, write how correctly, and should remember closing Tag. Be like <img/><br/> . The proposal sees reference manual of a few Html, after all Xhtml is upgrade from Html those who come, a lot of Tag still are continueing to use.
Step 2. The statement that builds standardization (DOCTYPE) and Head
< ! – (1) transfers model (Transitional) – >
< ! DOCTYPE Html PUBLIC ” - / / W3C//DTD XHTML 1.0 Transitional//EN ” ” Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ” >
< ! – (2) is strict model (Strict) – >
< ! DOCTYPE Html PUBLIC ” - / / W3C//DTD XHTML 1.0 Strict//EN ” ” Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ” >
< ! – (3) frame (Frameset) – >
< ! DOCTYPE Html PUBLIC ” - / / W3C//DTD XHTML 1.0 Frameset//EN ” ” Http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd ” >
< ! – set space of a name (Namespace) Lang= ” Zh-CN ” / – >
<html Xmlns= " Http://www.w3.org/1999/xhtml " Lang= " Zh-CN " >
<head>
< ! – states your encode language: GB2312/UTF-8/Unicode/ISO-8859-1 – >
<meta Http-equiv= " Content-Type " Content= " Text/html; Charset=GB2312 ″ / >
<meta Http-equiv= " Content-Language " Content= " Zh-CN " / >
< ! – brings the content – > that props up preparation for the search
< ! – allows to search a robot to search all links inside the station. If you think certain page is not searched, recommend use > of Robots.txt method –
<meta Content= " All " Name= " Robots " / >
< ! – installs > of – of site author information
<meta Name= " Author "Content= ” Ajie@netease.com, a Jie ” / >
< ! – installs > of – of site copyright information
<meta Name= " Copyright " Content= " Www.w3cn.org, free copyright, random is reprinted ” / >
< ! The brief introduction of – site (recommend) – >
<meta Name= " Description " Content= " new webpage stylist. The tutorial site of Web standard, the application that drives Web standard to be in China ” / >
< ! The keyword of – site (recommend) – >
<meta Content= " Designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie ” Name= ” Keywords ” / >
< ! > of – of – favorite small icon
<link Rel= " Icon " Href= " / Favicon.ico " Type= " Image/x-icon " / >
<link Rel= " Shortcut Icon " Href= " / Favicon.ico " Type= " Image/x-icon " / >
</title> of <title> webpage caption
< ! – joins the style expresses – >
<link Rel= " Stylesheet " Rev= " Stylesheet " Href= " Css/style.css " Type= " Text/css " Media= " All " / >
<style Type= " Text/css " Media= " All " > @import Url(Css/style01.css);</style>
< ! > of – RSS –
<link Rel= " Alternate " Type= " Application/rss xml " Title= " Greengnn’s Space " Href= " Http://www.jluvip.com/blog/feed.asp " / >
< ! > of – JS –
<script Src= " Js/common.js " Type= " Text/javascript " Language= " Javascript " " > </script>
</head>
<body></body>
</html>
Step 3. Study Div cooperates CSS to have webpage position
Use <div> cooperates CSS to be your webpage layout, and do not use Table, such article is very much, example is very much also, recommend you to go Bluediea.com, the benefit of Div layout is very much, raise level a few practical:
1. Code is redundant small, the webpage opens career fast.
2. Structure and expression departed, you can change your position through Css only, and information is changeless, the cost that such maintenance and upgrades was reduced.
Step 4. Learn Web standard theory, semantics is changed, CSS, structure and expressional depart thought
Of Web standard putting forward is to achieve only actually, the semantics of Tag is changed, structure and expression are detached, website mainland is changed to internationalization excessive, backward compatible have nothing to do with equipment quality, the webpage that lets you does not have block all right in the free on Internet.
This phase, you can have used Css position your webpage, make the webpage that can pass W3C school check, what you can understand is Web standard, the frame of Web standard and action, structure and the thought that behave depart and advantage, the theory of the deeper administrative levels of CSS, the semantics of Xhtml Tag, affinity theory, cross platform sex, the webpage that lets you suits a variety of browsers and a variety of equipment.
Step 5. Applied Web metric system makes a webpage, the Web standard code that establishs oneself is normative, improve development efficiency
