`

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

阅读更多

知道校内网的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的统计

总体来看他们的代码写得挺优美,一点都不乱,值得我们学习。看过一些关于校内网架构方面的文章,准备研究一下。
.声明:JavaEye文章版权属于作者,受法律保护。没有作者书面许可不得转载。

 

分享到:
评论

相关推荐

    机械制造技术基础期末试题及答案.pdf

    机械制造技术基础期末试题及答案

    LCD1602的相关案例.txtLCD1602的相关案例.txt

    LCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1602的相关案例.txtLCD1

    接口知识点习题及参考答案

    接口知识点习题及参考答案

    第五节 极限运算法则.ppt

    第五节 极限运算法则

    第16章 滚动轴承-西科大.ppt

    第16章 滚动轴承-西科大

    20240705作业1

    20240705作业1

    第21章MyBatis-Plus多数据源支持

    第21章MyBatis-Plus多数据源支持

    大学物理期末复习试题附答案.pdf

    大学物理期末复习试题附答案

    10-3洛伦兹力与带电粒子在磁场中的运动.ppt

    10-3洛伦兹力与带电粒子在磁场中的运动

    现代机器人学:机构、规划与控制课后习题答案

    链接来源是reddit,用英文搜索书名加上solution,免费分析,便于大家寻找(如果被XX弄得收费了用梯子上reddit上应该能找到)来源:https://www.reddit.com/r/robotics/comments/dnsj7c/q_solution_manual_for_modern_robotics_mechanics/

    TCP协议三次握手和四次解手

    本资源使用绘画工具,用图形加文字共同讲解

    基于Python的MetaShape(photoscan)源代码(包含可视化窗体)

    本代码由CSDN用户CV_X.Wang提供,除非获得授权,任何人不得用于商业、教学、科研等。 本代码基于Python与MetaShape库文件,本人调用了MetaShape 的API接口,实现了相较于软件,更加快速处理操作。

    ZXM61N03FTA-VB一款N-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明

    SOT23;N—Channel沟道,30V;6.5A;RDS(ON)=30mΩ@VGS=10V,VGS=20V;Vth=1.2~2.2V;

    matlab画图案例.doc

    MATLAB画图案例详解 MATLAB是一款功能强大的数学计算与可视化软件,广泛应用于科学研究、工程设计等众多领域。其中,MATLAB的画图功能是其一大亮点,它提供了丰富的图形绘制函数,能够帮助用户直观地展示数据和分析结果。本文将通过一个详细的案例,深入解析MATLAB的画图功能。 一、案例背景 假设我们有一组实验数据,记录了在不同温度下某种材料的电阻值。现在,我们需要使用MATLAB来绘制这组数据的散点图,并通过拟合得到电阻与温度之间的关系曲线。最后,我们还需要对图形进行美化,使其更加符合学术报告的发表要求。 二、数据准备 首先,我们需要准备实验数据。在MATLAB中,我们可以使用数组来存储这些数据。为了简化案例,我们随机生成一组模拟数据来代表实验数据。

    MDM.02 主数据标准定义V1.0-模板

    MDM.02 主数据标准定义V1.0_模板

    数据库复习(2024).pdf

    数据库复习(2024).pdf

    Apple Swift编程语言入门教程

    Apple Swift编程语言入门教程

    stm32cubemx.docx

    STM32CubeMX 是一款由 STMicroelectronics 开发的图形化配置工具,用于生成 STM32 微控制器的初始化代码和配置文件。它主要用于帮助开发者快速配置 STM32 微控制器的引脚映射、时钟树、外设设置等,从而加快嵌入式项目的开发进程。 主要特点和功能: 图形化配置界面: STM32CubeMX 提供了一个直观的图形界面,用户可以通过拖拽和点击等操作来配置 STM32 微控制器的各种参数和外设。 自动代码生成: 根据用户在界面上的配置,STM32CubeMX 可以自动生成初始化代码和配置文件,包括初始化时钟设置、引脚映射、外设配置等。 支持多种STM32系列微控制器: STM32CubeMX 支持广泛的 STM32 系列微控制器,包括不同型号和不同系列,如STM32F0、STM32F1、STM32F4 等。 时钟树配置: 用户可以通过 STM32CubeMX 配置微控制器的时钟树,包括时钟源、分频器、PLL 设置等,以满足具体应用的时钟需求。 外设配置: 支持配置多种外设,如 USART、SPI、I2C、ADC、DMA 等,用户可以方便地配置这些外设

    VOLTE失败码速查表

    VoLTE语言通话服务时,我们可能会遇到各种失败情况。为了帮助大家快速定位和解决这些问题,我整理了一份详细的VoLTE失败码速查表,并分享给大家。这个速查表的主要功能包括快速诊断问题、提高解决效率、学习和培训以及提升用户体验。速查表列出了常见的VoLTE失败代码及其错误原因,技术人员可以通过查阅速查表迅速了解失败的具体原因,减少诊断时间。每个失败码都有详细的描述和解决建议,技术人员可以根据这些建议,快速采取措施,提高问题解决效率。对于新手工程师和自学者来说,速查表是一个很好的学习工具,通过研究每个失败码的原因和解决方案,可以加深对VoLTE技术的理解。通过快速定位和解决VoLTE问题,可以减少用户的等待时间,提升用户的使用体验和满意度。 使用速查表的方法非常简单。当VoLTE通话失败时,系统返回一个失败码。可以在速查表中找到对应的失败码,查看其描述和可能原因。根据速查表中的描述,分析失败的可能原因,考虑网络状态、设备配置等因素。根据速查表中提供的解决建议,采取相应措施进行处理,如检查网络连接、重启设备等。

Global site tag (gtag.js) - Google Analytics