时光博客 - WEB开发中的可用性和用户体验

全部文章

Browers Meta Tag X-UA-Compatib...

Posted by Kevin | Filed under HTML/CSS/JS | 2009-01-29

打开浏览器查看liupeng.us的页面源代码，细心的朋友会发现meta信息里面多了个tag标签

<!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"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta http-equiv="Content-Language" content="utf-8" /> 
<meta http-equiv="x-ua-compatible" content="IE=7" /> 
<meta http-equiv="Pragma" content="no-cache" /> 
<meta content="关注WEB标准,用户体验,关注前端技术,网页设计师,前端开发工程师,liupeng,Beijing China" name="keywords" /> 
<meta content="关注WEB标准,用户体验,关注前端技术,网页设计师,前端开发工程师,liupeng,Beijing China" name="description" /> 
<meta content="SaBlog" name="copyright" />

里面多了一句

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

X-UA-Compatible 是什么？

看看MSDN上的资料说明：

In IE8 Beta 1, that option is the “IE=7” X-UA-Compatible tag, which instructs IE8 to display content in IE7 Standards mode. However, the scenario this doesn’t address is when IE=7 is applied as an HTTP header to a site that contains Quirks mode pages. The IE=7 HTTP header will force all pages – both Quirks and Standards – to display in IE7 Standards mode. Developers using this header while updating their sites would then have to add the “IE=5” <META> tag to each page they want to keep in Quirks mode. This logic is fine for many websites. However, if a site has lots of Quirks mode pages, or for the case where pages with frames host a mix of Strict and Quirks mode content – as brought to light by IE8 Beta 1 user feedback – the compatibility opt-out adds a bit more work than we intended.

主要意思我总结一下：

X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说，它是首选的兼容性模式。

目前IE8尚在测试版中，所以为了避免制作出的页面在IE8下面出现错误，建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码：

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

这样我们才能使得页面在IE8里面表现正常！

参考资料：Introducing IE=EmulateIE7

6000 次阅读，已有 4 人留下评论 | Tags: browers, meta, tag, x-ua-compatible

欢迎大家加入立方网社区

Posted by Kevin | Filed under Life/Story | 2009-01-20

立方网 www.l99.com 是一个在线社区，通过它您可以记录人生旅程，可以与朋友、同学、同事、家人保持更紧密的联系，及时了解他们的动态；与他们分享您的照片、心情、快乐。现立方网在全国范围内招募推广大使：只要您是立方网的一员并且热爱立方网。通过立方网 “邀请好友”功能邀请您的好友加入立方网，认识我们网站。我们将为您开通QQ红钻贵族、QQ黄钻贵族、QQ绿钻贵族、QQ蓝钻贵族、地下城与勇士DNF黑钻等...接受这份挑战，成长、辉煌、分享！立方网和您一路同行！

阅读全文 | 5694 次阅读，已有 8 人留下评论 | Tags: l99, lifeix, station

JSP课程设计-个人网上银行

Posted by Kevin | Filed under Works | 2009-01-19

大四上学期学习了jsp动态语言，期末的时候老师要求做课程设计。要求使用mvc框架开发，于是选择了基于structs的BitsWork开发，说明一下bitswork不是什么知名的java框架，是我们学习的那本书所在的公司开发的，一个小型的框架。

考虑到是课程设计的形式化，没必要设计得那么好。当时选了课题为个人网上银行，根据要求完成了所有的功能。功能相当简单，页面设计稍稍美化了下，不过对于应付课程设计足足有余了。在这里公开的目的仅仅是为了方面以后的学弟学妹们，没时间做课设的。交这个给老师就可以了。

阅读全文 | 8188 次阅读，已有 18 人留下评论 | Tags: jsp, java, bitswork, mvc, olbank

时光记忆-2009年博客新模板

Posted by Kevin | Filed under Life/Story | 2009-01-16

大家也许能看出来，电影《我的女友是机器人》，对我影响很深。可能是个人情节吧，在电影中或多或少找到了心灵的归宿。因为看了，这个电影，所以我在博客里面大肆宣传它；因为看了这个电影，我去百度回答了一些关于这个电影里面的一些问题和提高了一些视觉资源；还是因为这个电影，最终让我制作出了这个皮肤。

制作过程中曲曲折折，中间夹杂着生产实习，都是抽了零碎时间整理出来的。制作这个皮肤的过程中又对页面元素的架构，复用，属性的优化巩固了不少。这款皮肤中加入了不少人性化元素，都是以前从未尝试过的。这款皮肤里面有我对时光网的崇拜以及电影给我的持久感到。

明天就回家了，想想心里有点高兴也有点失落，高兴的是，马上可以回家看看爸爸妈妈了，因为我比较粗心也不会说话，所以平时很少打电话回家，希望这次回去能够好好照顾爸爸妈妈，帮忙做家务活。失落的是，2008年已经过去了，我却没有达到自己想要的目标，同学们也这么跟我说的。不过没关系，2009年，我们一起加油，一起共勉，希望能实现自己的梦想和价值。

已经凌晨3:30了，希望会有个好梦！

5183 次阅读，已有 15 人留下评论 | Tags: sablog, template, mtime, 2009

扒饭网软件下载中心设计

Posted by Kevin | Filed under Works | 2009-01-15

在为m8疯狂的期间，也接到扒饭网管理员小R的邀请，希望能为扒饭网软件中心做形象设计，当时正是在JSP课程设计，因为项目催得急，软件中心也要上线，于是就快速的完成了一个简单的demo，这次还是跟老伙伴龙神在天同学一起完成的。由于和死龙不是在一起工作，所以这次是真正意义上的代码与页面分离。做设计的时候，由于自己有些程序基础，所以写注释的时候，都写得很到位，以致完成html和CSS后，传给龙神同学，得到他大力的赞许。看来，我们2个已经很有默契了。