Web Standard implementation of efficient development Series II

Source: Internet
Author: User
Tags object xmlns
Web|web Standard

Web standards have taught you to write code, which is clearly not efficient. The Web standards Promotion agenda has long been mentioned for efficient development, but now the effectiveness is not very satisfying, my personal point of view, development from the overall to the local, improve the efficiency of development from the local to the whole, because this is a kind of assembly, such as head area, article display block, Content list block, form block ...... Make your code reusable.

Xiao Yi has been tidying up a lot, but there is no for DW, I personally like DW, the interface is beautiful and convenient, and provide a variety of browser preview, the practice is to use the XHTML code as a store in the DW, do not need to delete the part, and now still in the collation, first listed a part, I also hope that we can supplement it.

Top code/Header Code

<!--(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= "ajie@netease.com, Atzie"/>
<!--set up site copyright information-->
<meta name= "Copyright" content= "www.w3cn.org, free copyright, arbitrary reprint"/>
Brief introduction to <!--site (recommended)-->
<meta name= "description" content= "new Web Designer." Web Standard tutorial site, promoting the application of Web standards in China "/>
Keywords <!--site (recommended)-->
<meta content= "Designing, with, web, standards, XHTML, CSS, graphic, design, layout, usability, ccessibility, the consortium, W3, W3CN, Ajie "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= "greengnn" Space "href=" http://www.jluvip.com/blog/ Feed.asp "/>
<!--js-->
<script src= "Js/common.js" type= "Text/javascript" language= "JavaScript" "></script>
<body></body>

Example:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/>
<meta http-equiv= "Content-language" content= "ZH-CN"/>
<meta content= "All" name= "robots"/>
<meta name= "Author" content= "Ajie33 (at) gmail.com, Atzie"/>
<meta name= "Copyright" content= "www.w3cn.org, free copyright, arbitrary reprint"/>
<meta name= "description" content= "new Web Designer, Web Standard tutorial site, driving Web standards in China's application."/>
<meta content= "Web standards, Web standards tutorials, Web refactoring, CSS layouts, XHTML, css,xhtml+css,layout, Usability, W3CN, css+div" name= "keywords"/ >
<link rel= "icon" href= "/favicon.ico" type= "Image/x-icon"/>
<link rel= "shortcut icon" href= "Http://www.w3cn.org/favicon.ico" type= "Image/x-icon"/>
<title> Web Designer: How to transition </title>
<!--call style sheet-->
<link rel= "stylesheet" href= "Http://www.w3cn.org/style/001/001.css" type= "Text/css" media= "All" charset= "Utf-8"/ >
<body id= "W3CN" >
</body>
</code>

Flash embed Code

<object classid= "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase= "http://download.macromedia.com/pub/ shockwave/cabs/flash/
swflash.cab#version=6,0,40,0 "width=" height= ">"
<param name= "movie" Value= "http://www.macromedia.com/shockwave/download/
Triggerpages_mmcom/flash.swf ">
<param name= "Quality" value= "High" >
<param name= "bgcolor" value= "#FFFFFF" >
<!--[if! Ie]> <-->
<object data= "http://www.macromedia.com/shockwave/download/triggerpages_mmcom/
flash.swf "width=" "height=" type= "Application/x-shockwave-flash" >
<param name= "Quality" value= "High" >
<param name= "bgcolor" value= "#FFFFFF" >
<param name= "Pluginurl" value= "Http://www.macromedia.com/go/getflashplayer" >
FAIL (The browser should render some Flash content, not this).
</object>
<!--> <! [endif]-->

</object>

Fildset & Legend:fildset are set outside the form, and legend is used to describe the contents of the form.

<form>
<fildset>
<legend>title</legend>
<ol>
<li><label for= "User-name" > Username </label>
<input type= "text" name= "uname" id= "uname"/></li>
<li><label for= "User-password" > Password </label>
<input type= "password" name= "password" id= "User-password"/></li>
<ol>
</fildset>
</form>

DL,DT,DD: When the first action appears in the page similar to the title/brief, then the following is the detailed description of the content should use the label

<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>

Ul,li unordered List

<ul>
<li></li>
<li></li>
</ul>

Ol,li ordered list

<ol>
<li></li>
<li></li>
</ol>

Table tables

<table id= "mytable" cellspacing= "0" summary= "the technical specifications to the Apple PowerMac G5 Series" >
<caption>table 1:power Mac G5 Tech Specs </caption>
<tr>
<th scope= "col" abbr= "Configurations" class= "NOBG" >Configurations</th>

<th scope= "col" abbr= "Dual 1.8" >dual 1.8ghz</th>
<th scope= "col" abbr= "Dual 2" >dual 2ghz</th>
<th scope= "col" abbr= "Dual 2.5" >dual 2.5ghz</th>
</tr>
<tr>
<th scope= "Row" abbr= "Model" class= "Spec" >Model</th>
<td>M9454LL/A</td>

<td>M9455LL/A</td>
<td>M9457LL/A</td>
</tr>
<tr>
<th scope= "Row" abbr= "G5 Processor" class= "Specalt" >g5 processor</th>
<TD class= "alt" >dual 1.8GHz PowerPC g5</td>
<TD class= "alt" >dual 2GHz PowerPC g5</td>

<TD class= "alt" >dual 2.5GHz PowerPC g5</td>
</tr>
<tr>
<th scope= "Row" abbr= "Frontside Bus" class= "spec" >frontside bus</th>
<td>900mhz per processor</td>
<td>1ghz per processor</td>
<td>1.25ghz per processor</td>

</tr>
<tr>
<th scope= "Row" abbr= "L2 Cache" class= "Specalt" >level2 cache</th>
<TD class= "alt" >512k per processor</td>
<TD class= "alt" >512k per processor</td>
<TD class= "alt" >512k per processor</td>
</tr>

</table>



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.