Liuwei's Blog

2011-12-15 10:58:36 阅读9 评论0 152011/12 Dec15

为什么要用转义字符串？

HTML中<，>，&等有特殊含义（<，>，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？

这就要说到HTML转义字符串（Escape Sequence）了。

转义字符串（Escape Sequence）也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是像“<”和“>”这类符号已经用来表示HTML标签，因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时，要严格遵守字母大小写的规则。第二个原因是，有些字符在ASCII字符集中没有定义，因此需要使用转义字符串来表示。

转义字符串的组成

作者 | 2011-12-15 10:58:36 | 阅读(9) |评论(0) | 阅读全文>>

[置顶] css小技巧

2008-3-13 18:03:33 阅读166 评论1 132008/03 Mar13

让弹出窗口总是在最上面: <body onblur="this.focus();"<
不要滚动条? 让竖条没有: <body style='overflow:scroll;overflow-y:hidden'< </body<
让横条没有: <body style='overflow:scroll;overflow-x:hidden'< </body<
两个都去掉？更简单了 <body scroll="no"< </body<
怎样去掉图片链接点击后，图片周围的虚线？ <a href="#" onFocus="this.blur()"<<img src="logo.jpg" border=0<</a<
电子邮件处理提交表单 <form name="form1" method="post"

作者 | 2008-3-13 18:03:33 | 阅读(166) |评论(1) | 阅读全文>>

让网站访问速度飞起来（前端篇）

2012-4-19 15:36:19 阅读1 评论0 192012/04 Apr19

说到前端，就不得不提 YSLOW ，Page Speed这些个大牛级的插件，这两个东西都可以直接装在firebug上。

Page Speed还提供了在线版。可以先用这些东西分析一下页面，把 High priority的内容做到就差不多了。

本人经验如下：

首先，最重要的是请求数。

尽可能的减少请求。如何减少，就是合并。这里有个合并图片的技巧有 css sprite，通过css定位，合并多个背景图。剩下的多个js能合并的就合并，css类似。

请求实在没法减少的时候肿么办？利用浏览器并发。也就是多域名资源分布。大致原理是因为浏览器对单一域名并发下载有限制（不同浏览器数字不同），所以为了让浏览器一次下载更多资源，把内容分布到多个二级域名。

作者 | 2012-4-19 15:36:19 | 阅读(1) |评论(0) | 阅读全文>>

选择GIF还是PNG8

2012-3-7 17:50:13 阅读5 评论0 72012/03 Mar7

大家都知道网页上面的图像一般用jpg、gif和png这几种格式，当用于相片等图像时不用怀疑的我们选择jpg，那另外的图片我们是选择gif还是png，看了下面的内容后你可能会有了自己的结论。

GIF格式特点：

透明性
Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明（alpha 透明）。
动画
Gif这种格式支持动画。
无损耗性
Gif是一种无损耗的图像格式，这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗。
水平扫描
Gif是使用了一种叫

作者 | 2012-3-7 17:50:13 | 阅读(5) |评论(0) | 阅读全文>>

完美解决IE6不支持position:fixed的bug

2011-12-9 17:30:20 阅读16 评论0 92011/12 Dec9

废话不多说，先看一下下面这段代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6 position:fixed bug</title>
<

作者 | 2011-12-9 17:30:20 | 阅读(16) |评论(0) | 阅读全文>>

当HTML5取代Flash,Adobe正视HTML5的威胁

2011-11-28 16:14:51 阅读18 评论0 282011/11 Nov28

Flash投降了。我们说的是在移动互联网上。Flash的专利持有者Adobe公司——没错，就是那家发明了著名的PhotoShop软件的公司，在上周宣布了一个消息：放弃在手机等移动设备上对Flash的支持，公司将不会再对此投入任何资源。

十多年来，Flash一直是网页在展示多媒体内容时的标准格式，它也是Adobe公司除PhotoShop等产品以外最重要的盈利手段之一。Flash动画曾经风靡一时，用Flash制作的网络广告至今还随处可见。还有上传到Youtube的那些视频，在早期绝大多数都是Flash格式。

这项技术的兴起源自1990年代中后期的浏览器大战

作者 | 2011-11-28 16:14:51 | 阅读(18) |评论(0) | 阅读全文>>

IE6的png24支持

2011-7-21 11:58:14 阅读34 评论0 212011/07 July21

作为浏览器市场的老大，IE6不支持透明PNG这一“特性”让IE6成为常用浏览器中唯一的异类。IE特有的CSS滤镜虽然可以做到这一点，但是代码比较复杂，而且使用了该滤镜所属标签下的链接失效。
在这里和大家分享一个能让IE6完美支持PNG透明图片的“傻瓜式”脚本
iepngfix.htc，有人说不完美，我觉得还可以……

来源：www.twinhelix.com/css/iepngfix/
预览：www.twinhelix.com/css/iepngfix/demo/
下载：www.twinhelix.com/css/iepngfix/iepngfix.zip

作者 | 2011-7-21 11:58:14 | 阅读(34) |评论(0) | 阅读全文>>

ie6实现min-width/max-width、max-height/min-height

2011-7-21 11:57:03 阅读30 评论0 212011/07 July21

IE6支持min-width、max-width CSS样式属性让IE6支持max-width、IE6支持min-width样式我们在写CSS的时候，常常会遇到让一个图片或一个布局不能超出设定一定宽度范围值,有时需要设置一个最小宽度，接下来由Hicoogle为大家总结的解决IE6不支持max-width和不支持max-width的方法。以下为CSS 宽度之IE6支持最小宽度、最大宽度解决技巧（你可能需要进一步详细了解CSS...

IE6支持min-width、max-width CSS样式属性

让IE6支持max-width、IE6支持min-width样式

作者 | 2011-7-21 11:57:03 | 阅读(30) |评论(0) | 阅读全文>>