百度已成长成为具有垄断优势的全球性搜索引擎。简单的结论是，如果你的网站在百度上不能获得良好的排名，那么你的网络营销策略就算是失败。

有关研究表明，影响百度网页快照优化排名的因素主要有如下三个方面：

1、Link Popularity

国内有人译作“链接广泛度”，是百度用来评判一个网站的价值的主要手段。这里的链接包括网站内部链接、连出链接和连入链接，其中最重要的是连入链接。链接广泛度越高，则网站排名越高。（这一因素对网站首页和网站整体的排名有影响，对发布者的文章页面影响不大。而链接广泛度中所指的链接主要是指向网站首页的链接，所以发布者不用在这方面对文章进行优化。网站管理员会积极地提高网站的链接广泛度，以使网站整体都有很好的排名。）

2、页面标题

搜索引擎是通过关键词来选择网站的，而网站的标题是搜索引擎寻找关键词的主要目的地-你通过分析百度的搜索结果就可以很清楚地发现这一点。因此，你一定要首先确定你的文章页面的主关键词（一般可以选定1到5个），然后在将关键词体现到网页的标题中去。记住，标题尽量不要超过40个字符。

除了文章的主标题、副标题以外，网页内容主体里面的文字标题（或段落标题）往往也起到很大作用，一个含有主关键词的段落标题也能对网页的排名起到很大的作用。

（所以，在确定了文章内容以后，找出文章的关键词，让关键词尽量出现在文章标题以及内容中的段落标题里，这对于提高文章排名很有效。但是千万不要堆砌关键词，对关键词的简单重复会使文章被百度屏蔽，更不要说好的排名了。）

3、关键词密度

关键词除了需要出现在标题里面，还需要在整个文章内容里面以一定的频率出现。你需要在标题、段落内容中以自然语言的形式出现这些关键词。这些关键词不是一个，而是一组高度相关的词语。对于百度，有分析显示，文章里面可以有5%左右的关键词密度。另外，根据Addweb的研究，关键词在页面里面出现的频率为8到10次为宜。

（所以，合理的提高文章内容中关键词出现的次数对于文章的排名有一定的帮助，但是切忌关键词出现次数过多、过密，太多的关键词会使百度认为你的文章存在堆砌关键词的嫌疑，从而屏蔽你的文章。对于转载的文章，你可以对文章内容稍微做一点修改，使关键词自然的出现在流畅的语言环境中。在转载文章的前面加入一段自己写的简介性的文字，使这段文字中关键词的密度恰到好处。这样对于提高文章的排名很有帮助。）

当然，你在提高关键词密度时一定要小心，纯粹的关键词堆砌只会使文章消失在百度的搜索结果中。

百度优化小技巧：

1、文章中一些关键词用其相关关键词组来代替会有比较好的效果。比如关键词“营销”，在文章中出现几次“企赢营销”、“营销策划”、“网络营销”、“营销方案”等相关关键词会提高文章的百度排名的。

2、关键词或关键词组用黑体表示。百度搜索时对于黑体字比较敏感，适当的把几个关键词用黑体表示会让百度更容易搜索到。

中国站长站（CHINAZ）讯 3月19日消息，据CHINAZ网友透露，目前Google AdSense已经在国内测试电子银行转账支付服务，目前只在小部分用户种进行测试。取得测试资格的用户将可以直接通过银行账户收取人民币。

采用人民币支付方式后，用户将无需等待账户达到100美元（约680人民币）申请支付，Google AdSense将调整付款底限为400元人民币。据了解，谷歌采用人民币支付将代为征收个人所得税，目前尚不清楚税收标准。

有网友反映称，谷歌此举无疑是为迈向本土化而走出的重大一步，此举将极大的调动起中国站长的积极性。

据手机电影（www.mp4.la）站长称，自己有幸成为国内第一批测试用户，并为CHINAZ提供截图，供大家尝鲜。

 

点击图片可查看清晰大图

 

点击图片可查看清晰大图

 

点击图片可查看清晰大图 

附，谷歌新策略：

接受新的条款之后，我还需要进行个人识别号码和电话确认吗？

如果您已经确认，不用重复确认了；如果您还没有确认，您还是需要在确认后才能获得付款。

新的计划条款与原来相比较有什么不一样的地方没有？

在新的计划条款中，主要的变化是我们更新了我们与您合作的法律实体，降低了付款限额，使用人民币通过国内的银行进行支付，您可以通过审阅此计划条款了解更多的详细信息。

对纳税有何要求？

如果您获准参与 Google AdSense 计划，按照中国地区的税务要求，对于个人账户，我们会我们会根据相关法律代扣代缴个人所得税；对于企业账户，他们需要在付款之前向我们寄送发票，在核实发票之前我们不会向企业账户进行付款。

更多关于电子付款的策略地址：https://www.google.com/adsense/support/bin/topic.py?hl=cn&topic=8453

继谷歌实现电子转账，之前还实施了身份证号码确认代替PIN码！

身份证认证付款地址：https://www.google.com/adsense/support/bin/request.py?contact=cnpsadaccts

目前网友比较关心的问题集锦：

1、个人所得税的税率问题。

2、谷歌采用电子转账付款后，是否还有其他付款方式提供选择，如，保留西联。

3、账户均显示人民币，对Google AdSense的单价是否会有影响。

位置：模块管理----短消息----群发短消息

短消息发送，可以根据用户组、角色来发送，同时可以发送邮件

二、短消息管理

位置：模块管理----短消息----短消息管理

三、删除短消息

位置：模块管理----短消息----删除短消息

四、短消息模板管理

位置：模板风格----短消息----管理模板

有关模板信息，请点击这里

<ul>
{loop $data $n $r}
{if $n%5==0}<div class="li_jg"></div>{/if}
<li>
<span class="data">{date('Y-m-d', $r[inputtime])}</span>
<a href="{$r[url]}" target="{$target}">{str_cut($r[title], $titlelen)}</a>
</li>
{/loop}
</ul>
<div class="clearbox"></div>
{if $pages}<p id="pages">{$pages}</p>{/if}

============================

2008版本的序号是$n
判断可以这样写
例:
每隔4行显示一条空间/虚线
<li>***</li>
{if $n==4 || $n==8 || $n==12 || ...}<li class="hr"></li>{/if}

只是一个思路,供楼主参考

Videos de risa, caidas, golpes, etc etc.... How are you!you can click my only two or free ads everyday.I have clicked yours. 每天只能点一个人的两个广告，多点无效，等广告完全打开才行啊，谢谢支持! 今天来点了两个啊，欢迎回点。最新浏览里找我!Hi my friend, I come to see you,Remember to visit me.i have clicked your two or free ads,please click mine,thanks!

让你使用DIV+CSS排版 不是让你用换个标签然后再去按照表格的方式去排版
而是做到内容与表现的分离
1: ID用于标识页面单独元素以及持久行的结构性元素 方便JS的调用
类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表现形式无关 ：leftContent 而使用有意义的定义方式：sideBar等等。命名方式遵循“驼峰式大小写（标志符由多个单词组成 除首词首字母小写外 其余单词首字母均大写）”
2：避免滥用类 当类型的结构需要不一样的表现时 记得什么是层叠样式表 具体结构中的p a h1等可使用如下方式：div.sideBar p{}定义即后代选择器+ID或类选择器组合方式。
3：DIV与SPAN IV（块级框）用于对块级元素的分组 SPAN（行内框）用于对行内元素分组标识
4：对于页面基本默认的方式可以选择通用选择器（*标识）进行定义 * { padding：0; margin:0;}
5: body 也是可以添加ID和类的 这样就可以为其添加特别样式。
6:样式表中导入样式表需在顶端 覆盖规则为本身样式覆盖导入样式
7：CSS样式表细分化 颜色 布局 风格 表单 均可分离 这样对以后的修改和风格设计更方便
8：盒模型：内→外
content←width height(补充：height只有在父元素定义了绝对高度时其%才有意义)
border
padding（内补丁）-“填充”
background-image
background-color
margin(外补丁)-“空白边”透明 可为负值
记住:在css中 width是指内容区域的宽度
IE/WIN与盒模型：
IE5.5/IE6怪异模式下： 元素框总宽度=content.width+margin.width
FireFox/Opera/..   :  元素框总宽度=content.width+padding.width+border.width+margin.width
差异在于：IE5.5/IE6怪异模式下 width=有效content.width+padding.width+border.width 内补丁和边框被算在内容宽度里面
#select{width:750px;padding:10px;border:5px} IE怪异模式:总宽度：750px FF/OP：780px
                                              IE怪异模式:有效内容宽度：750-20-10 FF/OP：750
IE6正常模式下：同于FF/OP
处理方法：在父元素或子元素中使用padding 本身不使用
空白边叠加：当两个空白边叠加时 顶或底边将会叠加 实际空白边高度=空白边大的值
例：<div id="top" style="margin:0 0 10px 0;"></div><div id="bottom" style="margin:20px 0 0 0；"></div>
     空白边高度为20px
但是如果这个时候你添加边框或则填充，将不再叠加

//定位机制//
9：相对定位（relative）：相对于其默认初始位置 绝对定位：相对父级元素或画布、HTML元素 与文档流无关 可覆盖其他元素 使用Z-INDEX 控制其层次。IE5.5/IE6下 对right bottom时 需设定框的宽高 后则根据画布右底定位
   绝对定位（absolute）
10：float浮动：记住：“在标准浏览器中 浮动元素脱离了文档流 不占据外围容器空间” 明白了这点 你就会明白为什么IE和FIREFOX下表现的不同了。IE5.5、IE6浮动元素依然占据外围容器空间
  例如：怎么在IE下feeter正常 在firefox下就跑上去了呢？^_^ 清除浮动吧
IE下 当float和text-align定义的方向一样时 出现双倍错误：select{float:left;text-align:left;margin:0 10px;}
实际左边margin-left：20px；FF/OP：10px 解决：加上display：inline；

11：彻底理解 “清除浮动”clear
clear：none、left、right、both、
表示当前框元素哪些边不应该挨着浮动框
理解了10中float在不同浏览器下的表现 你也就知道如何去使用清楚了。
12：背景图像的定位：只谈百分比 background:url(image-url.gif)no-repeat 20% 30%
20%：将图像X轴20%处与父元素X轴20%处重合 Y同理 top=0% bottom=100% left=0% right=100% center=50%
13：滑动门/
左右两个DIV 背景分别定义 一般左背景图像比较长; 左背景定位：left center 右背景定位：right center
外部控制容器宽度一般小于等于两个背景和 这样当内容动态变化时候 右背景图像便感觉像在左背景图像上滑动，故名。
这样也可以实现：<div id="nav"><ul><li><a href="index.html"><span>首页</span></a></li></ul></div>
css：
#nav a{float:left;background:url("../images/navLeft.gif") no-repeat left top;padding:0;text-decoration:none; cursor:hand;}
#nav a span {float:left;display:block;background:url("../images/navRight.gif") no-repeat right top;padding:5px 36px 5px 40px;color:#ffffff}
原理相似，注意背景图像定位。
14:完美的居中布局：body{text-align：center；mini-width：760px；}
                  div#wrapper{margin：0 auto；text-align：left；width：750px；}
mini-width IE并不认识 这是为老浏览器准备的，只是这个值比你需要的实际页面大就OK

15:小图标有时会给页面增色不少 用前记得规划好 整到一张大图片上 这样可以减少服务器请求次数。

16：待续。。。
和经典的兄弟们比 我真的是个菜鸟 但是我也发现很多兄弟们在学习的过程中会走弯路 所以把自己前期总结的东西贴上 希望对部分兄弟有帮助

 

 

网站能切换几套CSS风格早已不是什么新鲜事了。大家也都知道怎么去弄。早上发现一个有意思得站点 http://www.leemunroe.com/ 同样是切换风格。不过他做了点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤，主要是分别制作了背景。12点以前系统会使用早上的皮肤，过了12点，站点会自动替换成下午的风格，5点后则替换成夜晚的风格。 主要的功能实现是靠在头部的这段判断代码，很容易理解。有兴趣可以自己试试。 <link rel="stylesheet" type="text/css" href="<?php $hour = date("H"); if ($hour < 12) echo "morning.css"; elseif ($hour < 17) echo "day.css"; else echo "night.css"; ?> " /> ASP版代码如下： <link rel="stylesheet" type="text/css" href="<% if hour(now)<12 then    response.write "a.css" else    if hour(now)<17 then      response.write "b.css"    else      response.write "c.css"    end if end if %> " /> 到这里去感受一下效果：http://www.leemunroe.com/

 

 

在和尚那里看到他给z-blog加上了运行代码功能，放了几天假，有些怕怕再这样闲下去会生锈的，在补了一个半小时的觉之后，也给blog加上运行功能，因为是从L-Blog修改而来，因此同样适用于L-Blog，另外，FBS也是L-Blog修改而来，应该也可以使用本文中的方法来添加运行代码功能。另外，由于复制代码和保存代码还没有找到兼容各浏览器的解决方法，就没有加进来了。

示例：

运行代码之后打开一个新窗口显示这段文本

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

步骤如下：

1. 在 include/common.js 中添加如下代码：

2. 在 include/ubbcode.asp 中找到 strContent=re.Replace(strContent,"【code】")（把【】换成[]），在此之后添加如下代码：

L-Blog：

FBS：

再找到 re.Pattern="[code](.*?)[/code]"，然后在段代码的 Set strMatches=Nothing 之后添加如下代码：

3. 修改完成，在发表日志时就可以使用【html】要运行的代码【/html】（将【】替换成[]）来使用运行代码功能。

核心提示：“华南虎”事件至今尘埃未定，如此风口浪尖小编看到高大英俊的神雕也是不敢相信，特打电话向《河南商报》摄影记者核实此事。经证实，该神雕是真鸟，非雕塑。

 

 

 

1.css字体简写规则 it55.com

　　当使用css定义字体时你可能会这样做： 免费资源www.it55.com

font-size:1em;
line-height:1.5em;
font-weight:bold;
font-style:italic;
font-variant:small-caps;
font-family:verdana,serif;

vd;k;l www.it55.com rdfg

 

　　事实上你可以简写这些属性： www.it55.com在线教程

font: 1em/1.5em　bold　italic　small-caps　verdana,serif

 

　　现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性（如font-weight, font-style,font-varient）如未指定将自动使用默认值。

 

　　2.同时使用两个class

sflj www.it55.com kg^&fgd

 

　　通常我们只为属性指定一个class,但这并不等于你只能指定一个，实际上，你想指定多少就可以指定多少，例如：

 

<p　class="text side">...</p>

www.it55.com

 

　　通过同时使用两个class（使用空格而不是逗号分割）,这个段落将同时应用两个class中制定的规则。如果两者中有任何规则重叠，那么后一个将获得实际的优先应用。

 

　　3.css中边框（border)的默认值 免费资源www.it55.com

　　当编写一条边框的规则时，你通常会指定颜色、宽度以及样式（任何顺序均可）。例如：border:　3px　solid　#000（3像素宽的黑色实线边框），其实这个例子中唯一需要指定的值只是样式。假如你指定样式为实线（solid),那么其余的值将使用默认值：默认的宽度为中等（相当于3到4像素）；默认的颜色为边框里的文字颜色。如果这正是你想要的效果，你完全可以不在css里指定。 http://www.it55.com/

　　4.!important会被IE忽略 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　在css中，通常最后指定的规则会获得优先权。然而对除了IE以外的浏览器来说，任何后面标有!important的语句将获得绝对的优先权，例如： 免费资源www.it55.com

margin-top:3.5em　!important;margin-top:2em 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　除IE以外所有浏览器中的顶部边界都是3.5em，而IE为2em，有时候这一点很有用，尤其在使用相对边界值时（就像这个例子），可以显示出IE与其他浏览器的细微差别。 www.it55.com在线教程

　　（很多人可能还注意到了css的子选择器也是会被IE忽略的）

免费资源www.it55.com

 

　　5.图片替换的技巧

vd;k;l www.it55.com rdfg

 

　　使用标准的html而不是图片来显示文字通常更为明智，除了加快下载还可以获得更好的可用性。但是如果你决心使用访问者的机器中可能没有的字体时，你只能选择图片。 www.it55.com在线教程

　　举例来说，你想在每一页的顶部使用“Buy widgets”的标题，但你同时又希望这是能被搜索引擎发现的，为了美观你使用了少见的字体那么你就得用图片来显示了：

 

<h1><img　src="http://edu.iecool.com/show/widget-image.gif"　alt="Buy widgets"/></h1>

http://www.it55.com/

 

　　这样当然没错，但是有证据显示搜索引擎对真实文本的重视远超过alt文本（因为已经有太多网站使用alt文本充当关键字），因此，我们得用另一种方法：<h1><span>Buy　widgets</span></h1> ，那你的漂亮字体怎么办呢？下面的css可以帮上忙： IT资讯之家 www.it55.com

h1
{
background: url(widget-image.gif)　no-repeat;
}

h1　span
{
position:absolute;
left:-2000px;
}

vd;k;l www.it55.com rdfg

 

　　现在你既用上了漂亮的图片又很好的隐藏了真实文本——借助css，文本被定位于屏幕左侧-2000像素处。 免费资源www.it55.com

　　6.css盒模型hack的另一选择

 

　　css盒模型hack被用来解决IE6之前的浏览器显示问题，IE6.0之前的版本会把某元素的边框值和填充值包含在宽度之内（而不是加在宽度值上）。例如，你可能会使用以下css来指定某个容器的尺寸： sflj www.it55.com kg^&fgd

#box
{
width:100px;
border:5px;
padding:20px;
}

IT资讯之家 www.it55.com

 

　　然后在html中应用：<div　id="box">...</div> www.it55.com在线教程

　　盒的总宽度在几乎所有浏览器中为150像素（100像素宽度+两条5像素的边框+两个20像素的填充），唯独在IE6之前版本的浏览器中仍然为100像素（边框值和填充值包含在宽度值中），盒模型的hack正是为了解决这一问题，但是也会带来麻烦。更简单的办法如下： vd;k;l www.it55.com rdfg

　　css: http://www.it55.com/

#box
{
width:150px;
}

#box　div{
border:5px;
padding:20px;
} 免费资源www.it55.com

　　html: IT资讯之家 www.it55.com

<div id="box"><div>...</div></div>

 

　　这样一来在任何浏览器中盒的总宽度都将是150像素。 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　7.将块元素居中 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　假设你的网站使用了固定宽度的布局，所有的内容置于屏幕中央，可以使用以下的css：

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

 

#content
{
width:700px;
margin:0　auto;
}

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

 

　　你可以把html的body之内任何项目置于<div　id="content"></div>中，该项目将自动获得相等的左右边界值从而保证了居中显示。不过，这在IE6之前版本的浏览器中仍然有问题，将不会居中，因此必须修改如下：

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

 

body
{
text-align:center;
}

#content
{
text-align:left;
width:700px;
margin:　0　auto;
}

 

　　对body的设定将导致主体内容居中，但是连所有的文字也居中了，这恐怕不是你想要的效果，为此#content的div还要指定一个值：text-align:left 免费资源www.it55.com

　　8.使用css实现垂直居中

IT资讯之家 www.it55.com

 

　　垂直居中对表格来说是小菜一碟，只需指定单元格为vertical-align:middle即可，但这在css布局中不管用。假设你将一个导航菜单的高度设为2em，然后在css中指ù怪倍云氲墓嬖颍淖只故腔岜慌诺胶械亩ゲ浚久挥惺裁辞稹?

it55.com

 

　　要解决这一问题，只需将盒的行高设为与盒的高度相同即可，以这个例子来说，盒高2em,那么只需在css中再加入一条：line-height: 2em 就可实现垂直居中了！ 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　9. 容器内的css定位 sflj www.it55.com kg^&fgd

　　css的最大优点之一就是可以将对象定位在文档的任何位置，同样的也可以将对象在某容器内进行定位。只需要为该容器添加一条css规则： vd;k;l www.it55.com rdfg

#container
{
position:relative;
} 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　则容器内的任何元素的定位都是相对于该容器的。假定你使用以下html结构：

 

<div　id="container"><div　id="navigation">...</div></div>

如果想将navigation定位在容器内离左边界30像素，离顶部5像素，可以使用以下css语句：

it55.com

 

#navigation
{
position:absolute;
left:30px;
top:5px;
} http://www.it55.com/

　　10.延伸至屏幕底部的背景色

 

　　css的缺点之一是缺乏垂直方向的控制，从而导致了一个表格布局不会遇到的问题。假设你在页面的左侧设定了一列用于放置网站的导航。页面为白色背景，但你希望导航所在的列为蓝色背景，使用以下css即可： http://www.it55.com/

#navigation
{
background:blue;
width:150px;
}

 

　　问题在于导航项不会一直延伸到页面的底部，自然它的背景色也不会延伸到底部。于是左列的蓝色背景在页面上被半路截断，浪费了你的一番设计。怎么办呢？很不幸我们现在只能用欺骗的办法，即将body的背景指定为与左列同颜色同宽度的图片，css如下： www.it55.com在线教程

body
{
background:url(blue-image.gif)　0　0　repeat-y;
} http://www.it55.com/

　　背景图应为宽150像素的蓝色图片。这一办法的缺点是没法使用em来指定左列的宽度，当用户改变文字的大小导致内容的宽度扩张时，背景色的宽度不会随之改变。 vd;k;l www.it55.com rdfg

　　到写这篇文章为止这是对这类问题的唯一解决办法，因此你只能为左列使用像素值来获得能够自动延伸的不同的背景色

用px作为文字大小的单位，虽然已经是绝大多数web设计者的习惯了，但同时也出现了不少的问题。这主要体现在用户不能灵活的控制文字的大小。对于年龄稍大或眼力不佳的用户来说，尤为明显。我们应该有所改进，不要求通过px为单位获得100%的精确性，我们需要获得更大的浏览器的可伸缩性与易用性，满足访客的需要。我们今天对font-size属性的值进行一些分析，看从中我们能得到一些什么启示。

一、长度单位

　　长度单位分为两种，一种是相对长度，另一种是绝对长度。
　　以下为三种相对长度单位：
　　◆ em 相对于父对象的大小
　　◆ ex 相对于特定字体中的字母x的高度
　　◆ px 相对于特定设备的分辨率，这是最最常用的单位，也是我们一直坚守的单位。从技术角度来说，px像素其实是一种相对大小的度量单位，它于特定设备的显示或打印的分辨率有关。例如，一个像素在被显示在计算机屏幕上与被打印在纸张上的大小是不同的。

　　以下为五种绝对长度单位：
　　绝对长度单位在打印时或在屏幕显示设备的物理尺寸已知时才比较有用。
　　◆ in 英寸
　　◆ cm 厘米
　　◆ mm 毫米
　　◆ pt 点
　　◆ pc 12点活字

二、相对大小的关键字

　　相对大小的关键字只有两个值：
　　◆ larger
　　◆ smaller
　　这两个值的设定与父对象的设定值有关。我们可以像理解老式的<small><big>那样来理解它们。它们是设定文字大小的最基本的方式，并会受到上层对象的文字大小定义的影响。

三、绝对大小的关键字

　　这类关键字共有7个，他们的实际大小根据不同的浏览器及设备来决定。

　　◆ xx-small
　　◆ x-small
　　◆ small
　　◆ medium
　　◆ large
　　◆ x-large
　　◆ xx-large

　　W3C建立建议浏览器开发公司，将每个关键字之间的比例设定为1.5。并推荐让这个比例保持恒定，妈medium是small的1.5倍。同样large是medium的1.5倍。

四、百分比

　　使用百分比设置大小，将在容器对象文字大小的基础上进行改变。如果我们设置body的文字大小为10。我们设置p的文字大小为150%，则p的文字大小就为15。不管10是什么样的单位，百分比作为一种比例进行缩放调整。

　　我们可以从更深层次去思考，我们将在52css.com以后的文章中进行发布，面对这些定义文字大小属性值的单位，我们如何为用户提供一个灵活的浏览环境，并允许他们按他们的意愿来控制文字的大小以更方便于浏览。

一、排版：
　　1.关键词和操作符之间加适当的空格。
　　2.相对独立的程序块与块之间加空行
　　3.较长的语句、表达式等要分成多行书写。
　　4.划分出的新行要进行适应的缩进，使排版整齐，语句可读。
　　5.长表达式要在低优先级操作符处划分新行，操作符放在新行之首。
　　6.循环、判断等语句中若有较长的表达式或语句，则要进行适应的划分。
　　7.若函数或过程中的参数较长，则要进行适当的划分。
　　8.不允许把多个短语句写在一行中，即一行只写一条语句。
　　9.函数或过程的开始、结构的定义及循环、判断等语句中的代码都要采用缩进风格。
　　10.C/C++语言是用大括号‘{’和‘}’界定一段程序块的，编写程序块时‘{’和
　　　‘}’应各独占一行并且位于同一列，同时与引用它们的语句左对齐。在函数体
　　　　的开始、类的定义、结构的定义、枚举的定义以及if、for、do、while、
　　　　switch、case语句中的程序都要采用如上的缩进方式。

二、注释
　　1.注释要简单明了。
　　2.边写代码边注释，修改代码同时修改相应的注释，以保证注释与代码的一致性。
　　3.在必要的地方注释，注释量要适中。注释的内容要清楚、明了，含义准确，防止
　　　注释二义性。保持注释与其描述的代码相邻，即注释的就近原则。
　　4.对代码的注释应放在其上方相邻位置，不可放在下面。
　　5.对数据结构的注释应放在其上方相邻位置，不可放在下面；对结构中的每个域
　　　的注释应放在此域的右方；同一结构中不同域的注释要对齐。
　　6.变量、常量的注释应放在其上方相邻位置或右方。
　　7.全局变量要有较详细的注释，包括对其功能、取值范围、哪些函数或过程存取它
　　　以及存取时注意事项等的说明。
　　8.在每个源文件的头部要有必要的注释信息，包括：文件名；版本号；作者；生成
　　　日期；模块功能描述（如功能、主要算法、内部鞑糠种涞墓叵怠⒏梦募肫?br />　　　它文件关系等）；主要函数或过程清单及本文件历史修改记录等。
　　9.在每个函数或过程的前面要有必要的注释信息，包括：函数或过程名称；功能描
　　　述；输入、输出及返回值说明；调用关系及被调用关系说明等。

三、命名
　　1.较短的单词可通过去掉“元音”形成缩写；
　　2.较长的单词可取单词的头几发符的优先级，并用括号明确表达式的操作顺序，避
　　　免使用默认优先级。
　　3.使用匈牙利表示法

四、可读性
　　1.避免使用不易理解的数字，用有意义的标识来替代。
　　2.不要使用难懂的技巧性很高的语句。
　　3.源程序中关系较为紧密的代码应尽可能相邻。

五、变量
　　1.去掉没必要的公共变量。
　　2.构造仅有一个模块或函数可以修改、创建，而其余有关模块或函数只访问的公共
　　　变量，防止多个不同模块或函数都可以修改、创建同一公共变量的现象。
　　3.仔细定义并明确公共变量的含义、作用、取值范围及公共变量间的关系。
　　4.明确公共变量与操作此公共变量的函数或过程的关系，如访问、修改及创建等。
　　5.当向公共变量传递数据时，要十分小心，防止赋与不合理的值或越界等现象发生。
　　6.防止局部变量与公共变量同名。
　　7.仔细设计结构中元素的布局与排列顺序，使结构容易理解、节省占用空间，并减
　　　少引起误用现象。
　　8.结构的设计要尽量考虑向前兼容和以后的版本升级，并为某些未来可能的应用保
　　　留余地（如预留一些空间等）。
　　9.留心具体语言及编译器处理不同数据类型的原则及有关细节。
　　10.严禁使用未经初始化的变量。声明变量的同时对变量进行初始化。
　　11.编程时，要注意数据类型的强制转换。

六、函数、过程
　　1.函数的规模尽量限制在200行以内。
　　2.一个函数最好仅完成一件功能。
　　3.为简单功能编写函数。
　　4.函数的功能应该是可以预测的，也就是只要输入数据相同就应产生同样的输出。
　　5.尽量不要编写依赖于其他函数内部实现的函数。
　　6.避免设计多参数函数，不使用的参数从接口中去掉。
　　7.用注释详细说明每个参数的作用、取值范围及参数间的关系。
　　8.检查函数所有参数输入的有效性。
　　9.检查函数所有非参数输入的有效性，如数据文件、公共变量等。
　　10.函数名应准确描述函数的功能。
　　11.避免使用无意义或含义不清的动词为函数命名
　　12.函数的返回值要清楚、明了，让使用者不容易忽视错误情况。
　　13/明确函数功能，精确（而不是近似）地实现函数设计。
　　14.减少函数本身或函数间的递归调用。
　　15.编写可重入函数时，若使用全局变量，则应通过关中断、信号量（即P、V操作）
　　　　等手段对其加以保护。

七、可测性
　　1.在编写代码之前，应预先设计好程序调试与测试的方法和手段，并设计好各种调
　　测开关及相应测试代码如打印函数等。
　　2.在进行集成测试/系统联调之前，要构造好测试环境、测试项目及测试用例，同时
　　仔细分析并优化测试用例，以提高测试效率。

八、程序效率
　　1.编程时要经常注意代码的效率。
　　2.在保证软件系统的正确性、稳定性、可读性及可测性的前提下，提高代码效率。
　　3.不能一味地追求代码效率，而对软件的正确性、稳定性、可读性及可测性造成影
　　　响。
　　4.编程时，要随时留心代码效率；优化代码时，要考虑周全。
　　5.要仔细地构造或直接用汇编编写调用频繁或性能要求极高的函数。
　　6.通过对系统数据结构划分与组织的改进，以及对程序算法的优化来提高空间效率。
　　7.在多重循环中，应将最忙的循环放在最内层。
　　8.尽量减少循环嵌套层次。
　　9.避免循环体内含判断语句，应将循环语句置于判断语句的代码块之中。
　　10.尽量用乘法或其它方法代替除法，特别是浮点运算中的除法。

九、质量保证

1.在软件设计过程中构筑软件质量。
　　代码质量保证优先原则
　　（1）正确性，指程序要实现设计要求的功能。
　　（2）稳定性、安全性，指程序稳定、可靠、安全。
　　（3）可测试性，指程序要具有良好的可测试性。
　　（4）规范/可读性，指程序书写风格、命名规则等要符合规范。
　　（5）全局效率，指软件系统的整体效率。
　　（6）局部效率，指某个模块/子模块/函数的本身效率。
　　（7）个人表达方式/个人方便性，指个人编程习惯。
　　2.只引用属于自己的存贮空间。
　　3.防止引用已经释放的内存空间。
　　4.过程/函数中分配的内存，在过程/函数退出之前要释放。
　　5.过程/函数中申请的（为打开文件而使用的）文件句柄，在过程/函数退出前要关闭。
　　6.防止内存操作越界。
　　7.时刻注意表达式是否会上溢、下溢。
　　8.认真处理程序所能遇到的各种出错情况。
　　9.系统运行之初，要初始化有关变量及运行环境，防止未经初始化的变量被引用。
　　10.系统运行之初，要对加载到系统中的数据进行一致性检查。
　　11.严禁随意更改其它模块或系统的有关设置和配置。
　　12.不能随意改变与其它模块的接口。
　　13.充分了解系统的接口之后，再使用系统提供的功能。
　　14.要时刻注意易混淆的操作符。当编完程序后，应从头至尾检查一遍这些操作符。
　　15.不使用与硬件或操作系统关系很大的语句，而使用建议的标准语句。
　　16.建议：使用第三方提供的软件开发工具包或控件时，要注意以下几点：
　　（1）充分了解应用接口、使用环境及使用时注意事项。
　　（2）不能过分相信其正确性。
　　（3）除非必要，不要使用不熟悉的第三方工具包与控件。

十、代码编译
　　1.编写代码时要注意随时保存，并定期备份，防止由于断电、硬盘损坏等原因造成
　　　代码丢失。
　　2.同一项目组内，最好使用相同的编辑器，并使用相同的设置选项。
　　3.合理地设计软件系统目录，方便开发人员使用。
　　4.打开编译器的所有告警开关对程序进行编译。
　　5.在同一项目组或产品组中，要统一编译开关选项。
　　6.使用工具软件（如Visual SourceSafe）对代码版本进行维护。

十一、代码测试、维护
　　1.单元测试要求至少达到语句覆盖。
　　2.单元测试开始要跟踪每一条语句，并观察数据流及变量的变化。
　　3.清理、整理或优化后的代码要经过审查及测试。
　　4.代码版本升级要经过严格测试。

 

（图片有点偏激，仅供参考）
Javascript和DOM关系很暧昧，弄不明白!