Many of the people I contacted asked how to learn Web standards to make Web pages. I think everyone who has just contacted the Web standards will ask such questions, and I will summarize them according to my own experience.
1. Do not blindly use the DW and other tools to design Web pages to familiarize yourself with (X) HTML and CSS languages
Because the requirements of the Web standards for the code increased, there is no knowledge of XHTML code is not able to pass the school test. DW tools can also be used, but look at the code to write the page.
First is the XHTML code, not a lot, know how they use, how to write correctly, and remember to close tag. such as <br/>. It is recommended to look at some HTML reference manuals, after all, XHTML is upgraded from HTML, and many tags continue to be used.
2. Establishment of standardized statements (DOCTYPE) and head
Previous web pages, and even large portals, have not even a statement, just
Recommended wording
<!--(1) Transition type (transitional)-->
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<!--(2) strict type (Strict)-->
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<!--(3) frame type (Frameset)-->
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 frameset//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd" >
<!--set a name space (Namespace) lang= "ZH-CN"/-->
<!--declare your coding 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"/>
<!--content--> for search engines
<!--allows search of all links within the robot search station. If you want some pages not to be searched, recommend using the Robots.txt method-->
<meta content= "All" name= "robots"/>
<!--set up site author information-->
<meta name= "Author" content= "tslxg@hotmail.com, lightning Son"/>
<!--set up site copyright information-->
<meta name= "Copyright" content= "www.webjx.com, All rights reserved"/>
Brief introduction to <!--site (recommended)-->
<meta name= "description" content= "Website production Technology teaching professional site"/>
Keywords <!--site (recommended)-->
<meta content= "Web page, Web page, Web page, web design" name= "keywords"/>
<!--favorites Small icon-->
<link rel= "icon" href= "/favicon.ico" type= "Image/x-icon"/>
<link rel= "shortcut icon" href= "/favicon.ico" type= "Image/x-icon"/>
<title> Page Title </title>
<!--connection style sheet-->
<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>
<!--rss-->
<link rel= "Alternate" type= "Application/rss+xml" title= "webjx.com" href= "http://www.webjx.com/"/>
<!--js-->
<script src= "Js/common.js" type= "Text/javascript" language= "JavaScript" "></script>
<body></body>
3. Learn div with CSS for Web page layout
Use <div> with CSS for your page layout, and do not use table, such a lot of articles, examples are many, recommend you to Bluediea.com,div layout of the benefits of a lot of promotions a few practical:
1. Small code redundancy, the Web page to open faster.
2. The structure and performance of the separation, you can only change your layout through CSS, and the information is unchanged, so maintenance and upgrade costs reduced.
4. Learn Web standards theory, semantic, CSS, structure and performance separation ideas
The Web Standard is only to achieve, tag semantics, structure and performance separation, Web site localization to the internationalization of excessive, backward compatibility and device-independent, so that your Web page on the Internet unimpeded.
This stage, you've been able to use CSS to lay out your Web pages, create pages that can be checked by the Web, and you can learn what is the website standard, the framework and role of web standards, the ideas and advantages of separation of structure and performance, the deeper theories of CSS, the semantics of XHTML tag, the affinity theory, Cross-platform to make your Web page fit for a variety of browsers and multiple devices.
5. Use Web standards to make Web pages, establish their own web standard code specifications, improve development efficiency
Web standards are still in the promotion, there is no mature model, after all, the need for handwritten code, you can then according to their own experience to improve the efficiency of their development methods, you can put some commonly used code snippets, custom CSS naming, And some reusable functional modules for code editing to improve the reusability of the code!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
