无忧岛

各种动态页的301转向就不用再说了,网上特别多. 但是对于html页面来说,301至今也没有个权威的标准说法. 很多人用js和http-equiv=”refresh”等标签来设置重定向,但是返回的也都是非301状态,今天又试着找了很多资料,得出下面的办法是最佳化的. 先说下rel=”canonical”这个标签吧 这个标签是谷歌首先提出来的,作用是用来规范网页,也就是这么一种情况下使用的: 假设一个产品类目的页面,然后它可能有几种排序方式 A. 按照产品的价格排序 我们记录它的地址是: URLA B. 按照产品上架时间排序 我们记录它的地址是: URLB C. 按照产品的热门度排序 我们记录它的地址是: URLC 同样的一类产品可能出现上面几个或者更多的URL,但是实际上对搜索引擎来说它们页面内容除了排序不一样以外,其它实质的内容几乎是相同的.所以这里便出现了规范网页这一说.也就是让你提出一个标准网页.那么这个标签如何使用呢? 假设我们去URLA为标准的规范网页,那么我们只需要在URLB和URLC的HEAD标签中加入 <link rel="canonical" href="URLA" /> 这行代码即可了,这里的URLA就是规范网页的地址,也就是你需要301重定向的地址.这里就完成了网页地址的统一. 那么继续说HTML如何应用这个标签做跳转呢?这里很多朋友可能已经如何实现了.其实很简单,因为从搜索引擎的角度来说,它已经明白你的意图了,还剩下的就是用户体验了.再用html或者js实现一个重定向就可以了.可以采用以下代码: <meta http-equiv="refresh" content="0; url=http://new-domain.com/" /> <link rel="canonical" href="http://new-domain.com" /> 问题:百度是否支持canonical标签呢? 答案:网上有人无意中做了个实验，发现其实百度也是支持的，让所有产品页面加上都加上rel=”canonical” 并且指向首页，结果在百度的收录数目减少了2万条，产品页面撤了该标签以后，收录恢复，所以其实百度也支持rel=”canonical” 更多参考资料 谷歌关于rel=”canonical”的详细说明

js实现改变iframe的元素值

正规表达式在线测试练习源码

国内的设计师大都喜欢用px，而国外的网站大都喜欢用em，那么两者有什么区别，又各自有什么优劣呢？ 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位； 3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。 px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。 em有如下特点： 1. em的值并不是固定的； 2. em会继承父级元素的字体大小。 所以我们在写CSS的时候，需要注意两点： 1. body选择器中声明Font-size=62.5%； 2. 将你的原来的px数值除以10，然后换上em作为单位； 3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。 也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em，那么在声明p的字体大小时就只能是1em，而不是1.2em, 因为此em非彼em，它因继承#content的字体高而变为了1em=12px。 但是12px汉字例外，就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小，而是稍大一点。这个问题 Jorux已经解决，只需在body选择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时，对于浮点的取值精确度有限。不知道有没有其他的解释。

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 　　2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。 　　3、慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，这样，大大的占用资源。要有选择的初始化标签。 　　4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写，这才知道，原来不是推荐的写法，为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣，有待仔细考证。 　　5、样式放头上，脚本放脚下。不内嵌，只外链。 　　6、坚决不用 CSS 表达式。 　　7、使用 引用样式表，而不是通过 @import 导入。 　　8、一般来说，PNG 比 GIF 要小，小得多。再者，GIF 中有多少颜色是被浪费的，很值得优化。 　　9、千万不要在 HTML 中缩放图片，一者不好看，二者占资源。 　　10、正文字体最好用偶数，12px、14px、16px，效果非常好。特例，15px。 　　11、block、ul、ol 等上下留出至少一倍行距，左侧至少两倍行距，右侧随意。 　　12、段落之间，至少要有一倍行距。 　　13、强行指定某些元素的 line-height，正文 1.6 倍于文字大小，标题 1.3 倍。 　　14、中文标点用全角。英文夹杂在中文中，左右空格，半角。 　　15、中文字体的粗体和斜体，远离较好，利民利己。

Meta标签是用来描述网页属性的一种语言，标准的Meta标签可以便于搜索引擎排序，提高搜索引擎网站权重排名。要想网站做的更符合搜索引擎标准就必须了解meta标签，下面是meta标签含义与使用方…