从校内网的网页源码学到一点东西

来源:互联网 发布:cadcam编程视频教程 编辑:程序博客网 时间:2024/04/29 03:41

知道校内网的UI是用Struts做的,查看了一下他们的网页源码,觉得质量挺高,至少代码写得挺规范的,下面这些是从他们网页源码里面看到的一些东西。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

这句代码是为了使浏览器使用IE7的strict模式来工作, 因为IE8使用了新的layout渲染引擎,所以会对以前版本的浏览器不兼容,所以IE8通过这种方式是浏览器按照IE7的模式运行,具体的可以通过搜索引擎了解,也可以看看这个链接的介绍
http://blogs.msdn.com/ie/archive/2008/06/10/introducing-ie-emulateie7.aspx


<meta name="Keywords" content="Xiaonei,校内,校内,大学,同学,同事,白领,个人主页,博客,相册,群组,社区,交友,聊天,音乐,视频,校园" />
这句代码应该是给搜索引擎用的,看来我也要在我自己的网站上加上这个了。

<link href="http://xnimg.cn/102778/csspro/base/layout.css" rel="stylesheet" type="text/css" media="all" />
这句代码是载入CSS文件,可以看出css文件是保存在另外一个服务器上的,这样可以分担服务器的压力。

<script type="text/javascript" src="http://xnimg.cn/93572/jspro/xn.widgets.js"></script>
这句是载入javascript文件,也是保存在另外一个服务器上的,同样也是为了分担服务器压力。

<li><a href="http://class.xiaonei.com" style="background-image: url(http://app.xnimg.cn/application/20080812/19/30/L065930831445JIA.gif);">班级</a></li>
这句代码可以看出,网页上的图片文件都是也是保存在不同服务器上的。

<IFRAME id="p466" MARGINHEIGHT=0 MARGINWIDTH=0 FRAMEBORDER=0 WIDTH=264 HEIGHT=60 SCROLLING=NO SRC="http://gg.xiaonei.com/view.jsp?p=466">
<NOSCRIPT><A HREF="http://gg.xiaonei.com/direct.jsp?p=466"><IMG SRC="http://gg.xiaonei.com/view.jsp?p=466" WIDTH=264 HEIGHT=60 BORDER=0></a></NOSCRIPT></IFRAME>
没想到上面的横幅广告是用iframe做的,好像看了好多文章都不是很推荐用iframe。

<script src="http://xnimg.cn/utm/urchin.js" type="text/javascript">
这个是嵌入的urchin统计代码, 看来校内也是用的google的统计

总体来看他们的代码写得挺优美,一点都不乱,值得我们学习。看过一些关于校内网架构方面的文章,准备研究一下。

原创粉丝点击