|
二、基于我们b标准的网页基本特征
从三年前开始接触网页到现在,笔者亲身经历了国内大多数网站的我们b标准重构。自己在不断的学习过程中也总结出了一点符合我们b标准的网页的一般特征,和大家一起分享一下。
1、页面代码容易读懂了。
举一个简单的例子,按以前如果要实现一个页面的布局,一般是使用表格来划分整个页面。请阅读并运行以下代码:
<TABLE width="100%" cellpadding="5" cellspacing="1" bgcolor="blue"> <TR> <TD bgcolor="silver" colspan="2" align="right"> <TABLE width="90%"> <TR> <TD>首页</TD> <TD>栏目一</TD> <TD>栏目二</TD> <TD>栏目三</TD> <TD>栏目四</TD> </TR> </TABLE> </TD> </TR> <TR height="400"> <TD width="25%" bgcolor="white">左侧内容</TD> <TD width="75%" bgcolor="white">右侧内容</TD> </TR> <TR> <TD colspan="2" bgcolor="#f8f8f8" align="center">尾部文字</TD> </TR> </TABLE>
而我们现在,一般会简化成这样:
<div id="header"> <menu> <li>首页</li> <li>栏目一</li> <li>栏目二</li> <li>栏目三</li> <li>栏目四</li> </menu> </div> <div id="left">左侧内容</div> <div id="right">右侧内容</div> <div id="bottom">尾部内容</div>
然后再通过外部的CSS对页面上的元素进行布局以及美化效果,这样的代码相对于前一段应该说更精短,更易读懂。而且这个易读性,你还可以理解成搜索引擎也比较容易读懂你的内容、聋哑等有障碍人士也能通过一些特殊设备来读懂你的内容、用手机wap上网也能比较顺畅地访问你的页面。
|