web规范完成高效开发系列之二
日期：2014-04-11 浏览次数：21227 次
web标准让大家学会了手写代码，显然这样的效率不够高。关于高效开发早已提到了web标准推广的日程上来了，可是如今的成效还不是很让人满意，我团体观点，开发的时候从全体到局部，提高开发效率的时候要从局部到全体，由于这是一种组装，比如head区域，文章显示块，内容列表块，表单块......让你的代码复用起来。
小毅曾经整理很很多了，但是没有针对DW的，我团体比较喜欢DW，界面美观方便，而且提供多种浏览器预览，做法就是将常用的XHTML代码作成存入DW的剪辑库，不需求的部分就删除掉，如今还在整理中，先列出一部分，也希望大家给以补充。
TOP Code/头部代码
<!--(1)过渡型（Transitional ）-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--(2)严厉型（Strict ）-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--(3)框架型（Frameset ）-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!--设定一个名字空间（Namespace）lang="zh-CN"/-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<!--声明你的编码言语: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" />
<!--为搜索引擎预备的内容-->
<!--允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索，推荐采用robots.txt方法-->
<meta content="all" name="robots" />
<!--设置站点作者信息-->
<meta name="author" content="ajie@netease.com,阿捷" />
<!--设置站点版权信息-->
<meta name="Copyright" content="www.w3cn.org,自在版权,任意转载" />
<!--站点的简要引见(推荐)-->
<meta name="description" content="新网页设计师。web标准的教程站点，推动web标准在中国的使用" />
<!--站点的关键词(推荐)-->
<meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" />
<!--收藏夹小图标-->
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<title>网页标题</title>
<!--连接款式表-->
<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's space" href="http://www.jluvip.com/blog/feed.asp" />
<!--JS-->
<script src="js/common.js" type="text/javascript" language="javascript" "></script>
</head>
<body></body>
</html>
Example：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<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,阿捷" />
<meta name="Copyright" content="www.w3cn.org,自在版权,任意转载" />
<meta name="description" content="新网页设计师,web标准的教程站点,推动web标准在中国的使用." />
<meta content="web标准,web标准教程,网站重构, css规划, 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>网页设计师:怎样过渡</title>
<!-- 调用款式表 -->
<link rel="stylesheet" href="http://www.w3cn.org/style/001/001.css" type="text/css" media="all" charset="utf-8"/>
</head>
<body id="w3cn">
</body>
</html>
</code>
Flash嵌入代码
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/<
