Archive for the ‘学习笔记’ Category

符合web标准的媒体播放器代码

Wednesday, August 27th, 2008

再见了Embed,一些媒体播放器的符合web标准的代码

由于Embed标签是Netscape的私有财产,故一直未被W3C认可,对于各种媒体文件使用Embed标签是非标准的,如何改变?Elizabeth Castro的 Bye Bye Embed 一文对于各种媒体播放器给出了很好的符合web标准的代码。 Read more»

CSS Hack之!important

Saturday, August 23rd, 2008

最近在做一个网页,菜单栏在IE和其他(Mozilla、Opera等)中总是有些偏差。这是因为IE对盒之间距离的解释的bug造成的,其实用!important可以解决。

不过网上对!important的用法很多都只是说是IE不识别,很容易让初学者误解。IE并非不识别带!important的属性,只是不识别!important的优先级。举个例子: Read more»

各浏览器常用CSS Hack整理

Friday, August 22nd, 2008

CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务。

我进行前端开发的时候,测试用的浏览器大致有: IE7, IE6, Opera9(文章撰写时版本为9.25 8825), Safari3(文章撰写时版本为3.0.4 523.15), Firefox2(文章撰写时版本为2.0.0.11)。

在正常的 selector { property:value; } 的基础上常会根据具体情况为相同元素使用Hack以达到浏览器间统一。 Read more»

W3C XHTML1.0验证常见错误

Friday, August 22nd, 2008

一、在 <div class=tzh>I am TZH!</div> 这段语句中有什么错误?

标点符号问题。这其实也是大家最容易忽视的问题,其实就是小小的两个引号,就造成了这个错误。虽然很多浏览器在不加引号的情况下仍然能正确识别渲染。但是这样想要通过严格的W3C XHTML国际标准是不可能的,请大家记住等号后面一定要接引号。正确写法:<div class=”tzh”>I am TZH!</div>

二、在 <SPAN class=”tzh”>TZH is me!</SPAN> 这段语句中有什么错误?

大小写注意。这和第一个问题一样,都是特别容易忽视的细节问题。在W3C标准中是绝对不允许大写的,其中我仍记得我在检测一段javascript代码的时候,由于为了让自己一目了然写出的onLoad也被判断成了错误,原因就是L不能大写。正确写法:<span class=”tzh”>TZH is me!</span> Read more»

最佳网页宽度及其实现

Friday, August 22nd, 2008

设计网页的时候,确定宽度是一件很苦恼的事。

1.根据Google Analytics的统计,半年多以来,访问者的屏幕分辨率一共有81种。最小的分辨率是122×160,这应该是手机;最大的分辨率是3360×1050,天知道是什么设备。

一张网页要在大小如此悬殊的各种屏幕上,都呈现令人满意的效果,难度可想而知。举例来说,一张400px宽的图片,在800px的屏幕上会占据50%的宽度,而在1920px的屏幕上(Windows Vista的流行设置),只占据20%。 Read more»