<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>柠檬工作室 &#187; DIV+CSS</title>
	<atom:link href="http://www.crazylemon.net/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.crazylemon.net</link>
	<description>上帝无用，天使无用</description>
	<lastBuildDate>Thu, 17 Nov 2011 19:39:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>div+css最恶心问题之文字自动换行</title>
		<link>http://www.crazylemon.net/css/3548.html</link>
		<comments>http://www.crazylemon.net/css/3548.html#comments</comments>
		<pubDate>Mon, 27 Sep 2010 16:21:17 +0000</pubDate>
		<dc:creator>CrazyLemon</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[DIV]]></category>
		<category><![CDATA[word]]></category>

		<guid isPermaLink="false">http://www.crazylemon.net/?p=3548</guid>
		<description><![CDATA[在div中，只要限定了width属性，当一行文字超出这个宽度时，会自动换行，但仅限于文字或单词，即亚洲文字或英文单词，因为原则上自动换行不会截断一个单词或文字，这里主要讨论的是单词，像汉字等古老的象形文字，估计怎么也没的截断吧 所以一个单词，即没有空格符号隔开的字符串（光有标点符号也不行的，按E文书写规范，标点符号后要有个空格），当长度超过width属性限定时，也不会自动换行的，除非用 white-space:normal;word-break:break-all;word-wrap:break-word; 等css规则限定，当然些规则在不同内核的浏览器中表现是不一致的 所以我花了一整天的时间来吃这个亏 为了做个zen cart模板，上了测试产品，描述乱写一串字符，里面没空格，结果造成页面撑开，研究一天无果。。。。还以为是zen cart CSS上的一个BUG，在对比了无数正常站后，还是百思不得其解，以为见鬼了。。。其实只是因为浏览器把这一串当一个单词了，不折分不换行，而正常的描述是不会没有空格的，也不大可能一个单词长度就超过了DIV限定的宽度。。。 心碎。。哥的时间这么不值钱么。。。这屁问题 相关日志09/14/2010 -- 柠檬工作室成立 (14)09/24/2009 -- google 搜索技巧 (0)09/09/2009 -- 如何删除 Google Analytics（分析）帐户？ (0)07/23/2009 -- 修改WordPress留言头像的大小 (9)06/22/2009 -- div+css去掉超链接的下划线 (0)]]></description>
			<content:encoded><![CDATA[<p>在div中，只要限定了width属性，当一行文字超出这个宽度时，会自动换行，但仅限于文字或单词，即亚洲文字或英文单词，因为原则上自动换行不会截断一个单词或文字，这里主要讨论的是单词，像汉字等古老的象形文字，估计怎么也没的截断吧</p>
<p>所以一个单词，即没有空格符号隔开的字符串（光有标点符号也不行的，按E文书写规范，标点符号后要有个空格），当长度超过width属性限定时，也不会自动换行的，除非用</p>
<p>white-space:normal;word-break:break-all;word-wrap:break-word;</p>
<p>等css规则限定，当然些规则在不同内核的浏览器中表现是不一致的</p>
<p>所以我花了一整天的时间来吃这个亏</p>
<p>为了做个zen cart模板，上了测试产品，描述乱写一串字符，里面没空格，结果造成页面撑开，研究一天无果。。。。还以为是zen cart CSS上的一个BUG，在对比了无数正常站后，还是百思不得其解，以为见鬼了。。。其实只是因为浏览器把这一串当一个单词了，不折分不换行，而正常的描述是不会没有空格的，也不大可能一个单词长度就超过了DIV限定的宽度。。。</p>
<p>心碎。。哥的时间这么不值钱么。。。这屁问题</p>
<h3  class="related_post_title">相关日志</h3><ul class="related_post"><li>09/14/2010 -- <a href="http://www.crazylemon.net/work/3500.html" title="柠檬工作室成立">柠檬工作室成立</a> (14)</li><li>09/24/2009 -- <a href="http://www.crazylemon.net/google-info/2016.html" title="google 搜索技巧">google 搜索技巧</a> (0)</li><li>09/09/2009 -- <a href="http://www.crazylemon.net/work/1775.html" title="如何删除 Google Analytics（分析）帐户？">如何删除 Google Analytics（分析）帐户？</a> (0)</li><li>07/23/2009 -- <a href="http://www.crazylemon.net/php/1343.html" title="修改WordPress留言头像的大小">修改WordPress留言头像的大小</a> (9)</li><li>06/22/2009 -- <a href="http://www.crazylemon.net/php/769.html" title="div+css去掉超链接的下划线">div+css去掉超链接的下划线</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.crazylemon.net/css/3548.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>柠檬工作室成立</title>
		<link>http://www.crazylemon.net/work/3500.html</link>
		<comments>http://www.crazylemon.net/work/3500.html#comments</comments>
		<pubDate>Tue, 14 Sep 2010 15:59:17 +0000</pubDate>
		<dc:creator>CrazyLemon</dc:creator>
				<category><![CDATA[工作]]></category>
		<category><![CDATA[Apache]]></category>
		<category><![CDATA[DIV]]></category>
		<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[柠檬]]></category>

		<guid isPermaLink="false">http://www.crazylemon.net/?p=3500</guid>
		<description><![CDATA[征集工作室域名，或更好的工作室名 这些天在准备很多东西，很忙，非常忙 柠檬工作室开始招收网络技术员，要求大概如下 学历不限，大专以上计算机软件或网络专业应届毕业生优先。 熟悉PHP脚本程序，MySQL数据库基本操作，以及主流WEB服务器管理系统（Cpanel,Apache等）优先。 懂DIV+CSS，有过网站建设经验者优先。 有较强的学习和钻研能力，吃苦耐劳，有团队协作精神。 公司包食宿，女生优先，待遇面谈。 相关日志08/11/2009 -- 深究Nginx502 bad gateway, 504 Gateway Time-out的彻底解决（转） (0)06/22/2009 -- div+css去掉超链接的下划线 (0)06/06/2009 -- nginx详解 (0)05/28/2009 -- Nginx服务器安装Magento (1)01/21/2009 -- 关于我们 (9)]]></description>
			<content:encoded><![CDATA[<p>征集工作室域名，或更好的工作室名</p>
<p>这些天在准备很多东西，很忙，非常忙</p>
<p>柠檬工作室开始招收网络技术员，要求大概如下</p>
<p>学历不限，大专以上计算机软件或网络专业应届毕业生优先。<br />
熟悉PHP脚本程序，MySQL数据库基本操作，以及主流WEB服务器管理系统（Cpanel,Apache等）优先。<br />
懂DIV+CSS，有过网站建设经验者优先。<br />
有较强的学习和钻研能力，吃苦耐劳，有团队协作精神。<br />
公司包食宿，女生优先，待遇面谈。</p>
<h3  class="related_post_title">相关日志</h3><ul class="related_post"><li>08/11/2009 -- <a href="http://www.crazylemon.net/nginx/1552.html" title="深究Nginx502 bad gateway, 504 Gateway Time-out的彻底解决（转）">深究Nginx502 bad gateway, 504 Gateway Time-out的彻底解决（转）</a> (0)</li><li>06/22/2009 -- <a href="http://www.crazylemon.net/php/769.html" title="div+css去掉超链接的下划线">div+css去掉超链接的下划线</a> (0)</li><li>06/06/2009 -- <a href="http://www.crazylemon.net/nginx/510.html" title="nginx详解">nginx详解</a> (0)</li><li>05/28/2009 -- <a href="http://www.crazylemon.net/nginx/211.html" title="Nginx服务器安装Magento">Nginx服务器安装Magento</a> (1)</li><li>01/21/2009 -- <a href="http://www.crazylemon.net/about" title="关于我们">关于我们</a> (9)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.crazylemon.net/work/3500.html/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>关于HTML标记语言-锚点(#井号)</title>
		<link>http://www.crazylemon.net/html/2141.html</link>
		<comments>http://www.crazylemon.net/html/2141.html#comments</comments>
		<pubDate>Tue, 06 Oct 2009 16:03:44 +0000</pubDate>
		<dc:creator>CrazyLemon</dc:creator>
				<category><![CDATA[Html]]></category>
		<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.crazylemon.net/?p=2141</guid>
		<description><![CDATA[博客的评论链接经常看到类似如下地址： http://www.crazylemon.net/crazylemon/xxxx.html/comment-page-1#comment-xxxx 此链接不公可跳转至指定页面，还可以定位到具体的段落位置，即HTML标记语言-锚点的使用 说明如下： HTML中的链接,正确的说法应该称作”锚点”,它不仅让我们能指向文档,还能指向页面里的特定段落,更能当作”精准链接”的便利工具.让链接对象接近焦点.在这一章里,我们将看到四种不同的锚点做法,说明每个方法的优点,也会介绍title属性如何能提升链接的易用性,另外也将使用CSS为链接设计样式. 在需要指定到页面的特定部分时,标记锚点是最佳的方法 这是在设计网站时经常遇到的情况,你想链接到某个页面的特定部分,可是使用者正在阅读的可能是在另外的一个页面,接下来讨论的四种方法之中任选一种都能让你达成目标. 在示例中,假设我们打算链接到同一个页面中的特定标题: 方法A:空洞的名称 &#60;p&#62;&#60;a href=”#oranges”&#62;About Oranges&#60;/a&#62;&#60;/p&#62; &#8230;一些文字&#8230; &#60;a name=”oranges”&#62;&#60;/a&#62; &#60;h2&#62;Oranges Are Tasty&#60;/h2&#62; &#8230;更多文字&#8230; 效果不错,但是浪费一个内容空白的标签来标识链接位置有点不合语义,方法B能改进这点. 方法B:全部在名称之内 &#60;p&#62;&#60;a href=”#oranges”&#62;About Oranges&#60;/a&#62;&#60;/p&#62; &#8230;一些文字&#8230; &#60;h2&#62;&#60;a name=”oranges”&#62;Oranges Are Tasty&#60;/a&#62;&#60;/h2&#62; &#8230;更多文字&#8230; 与方法A一样,我们仍然使用&#60;a&#62;标签配上name属性,但这次我们把它包在我想要链接的标题外面,这么做看起来的确比较符合语义,在方法A里头,我们的连接对象是&#8230;恩,什么都没有,但是在方法B里,我们不仅说明了这段文字是标题标签的一部分,同时也是这个页面的连接锚点之一. 注意：小心&#60;a&#62;的全局样式！ 还有更多方法，请参考网站资料 奇怪的是，我的其它网站在特定因素下，如用theworld或IE7以下浏览时，地址后会跟个#号，晕死，没有参数的 这个暂时不明原因，应该是html代码兼容性问题，而且应该不影响SEO 相关日志06/26/2009 -- 13个测试网站访问速度的服务网站 (1)05/31/2009 -- SEO插件 &#8211; 20个最好的Wordpress SEO 插件 (3)10/30/2009 -- 什么是桥页 (0)10/09/2009 -- 网站SEO优化方案 (3)10/05/2009 -- CSS隐藏代码”Display:none;”是SEO作弊么? (1)]]></description>
			<content:encoded><![CDATA[<p>博客的评论链接经常看到类似如下地址：</p>
<p>http://www.crazylemon.net/crazylemon/xxxx.html/comment-page-1#comment-xxxx</p>
<p>此链接不公可跳转至指定页面，还可以定位到具体的段落位置，即HTML标记语言-锚点的使用</p>
<p>说明如下：</p>
<p>HTML中的链接,正确的说法应该称作”锚点”,它不仅让我们能指向文档,还能指向页面里的特定段落,更能当作”精准链接”的便利工具.让链接对象接近焦点.在这一章里,我们将看到四种不同的锚点做法,说明每个方法的优点,也会介绍title属性如何能提升链接的易用性,另外也将使用CSS为链接设计样式.</p>
<h4>在需要指定到页面的特定部分时,标记锚点是最佳的方法</h4>
<p>这是在设计网站时经常遇到的情况,你想链接到某个页面的特定部分,可是使用者正在阅读的可能是在另外的一个页面,接下来讨论的四种方法之中任选一种都能让你达成目标.</p>
<p>在示例中,假设我们打算链接到同一个页面中的特定标题:</p>
<h4><span style="color: #000080;">方法A:空洞的名称</span></h4>
<blockquote style="MARGIN-RIGHT: 0px" dir="ltr"><p>&lt;p&gt;&lt;a href=”#oranges”&gt;About Oranges&lt;/a&gt;&lt;/p&gt;</p>
<p>&#8230;一些文字&#8230;</p>
<p>&lt;a name=”oranges”&gt;&lt;/a&gt;</p>
<p>&lt;h2&gt;Oranges Are Tasty&lt;/h2&gt;</p>
<p>&#8230;更多文字&#8230;</p></blockquote>
<p>效果不错,但是浪费一个<strong>内容空白</strong>的标签来标识链接位置有点不合语义,方法B能改进这点.</p>
<h4><span style="color: #000080;">方法B:全部在名称之内</span></h4>
<blockquote style="MARGIN-RIGHT: 0px" dir="ltr"><p>&lt;p&gt;&lt;a href=”#oranges”&gt;About Oranges&lt;/a&gt;&lt;/p&gt;</p>
<p>&#8230;一些文字&#8230;</p>
<p>&lt;h2&gt;&lt;a name=”oranges”&gt;Oranges Are Tasty&lt;/a&gt;&lt;/h2&gt;</p>
<p>&#8230;更多文字&#8230;</p></blockquote>
<p>与方法A一样,我们仍然使用&lt;a&gt;标签配上name属性,但这次我们把它包在我想要链接的标题外面,这么做看起来的确比较符合语义,在方法A里头,我们的连接对象是&#8230;恩,<strong>什么都没有</strong>,但是在方法B里,我们不仅说明了这段文字是标题标签的一部分,同时也是这个页面的连接锚点之一.</p>
<h5>注意：小心&lt;a&gt;的全局样式！</h5>
<p>还有更多方法，请参考网站资料</p>
<p>奇怪的是，我的其它网站在特定因素下，如用theworld或IE7以下浏览时，地址后会跟个#号，晕死，没有参数的</p>
<p>这个暂时不明原因，应该是html代码兼容性问题，而且应该不影响SEO</p>
<h3  class="related_post_title">相关日志</h3><ul class="related_post"><li>06/26/2009 -- <a href="http://www.crazylemon.net/work/834.html" title="13个测试网站访问速度的服务网站">13个测试网站访问速度的服务网站</a> (1)</li><li>05/31/2009 -- <a href="http://www.crazylemon.net/seo/335.html" title="SEO插件 &#8211; 20个最好的Wordpress SEO 插件">SEO插件 &#8211; 20个最好的Wordpress SEO 插件</a> (3)</li><li>10/30/2009 -- <a href="http://www.crazylemon.net/seo/2325.html" title="什么是桥页">什么是桥页</a> (0)</li><li>10/09/2009 -- <a href="http://www.crazylemon.net/seo/2164.html" title="网站SEO优化方案">网站SEO优化方案</a> (3)</li><li>10/05/2009 -- <a href="http://www.crazylemon.net/seo/2131.html" title="CSS隐藏代码”Display:none;”是SEO作弊么?">CSS隐藏代码”Display:none;”是SEO作弊么?</a> (1)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.crazylemon.net/html/2141.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS隐藏代码”Display:none;”是SEO作弊么?</title>
		<link>http://www.crazylemon.net/seo/2131.html</link>
		<comments>http://www.crazylemon.net/seo/2131.html#comments</comments>
		<pubDate>Mon, 05 Oct 2009 12:27:05 +0000</pubDate>
		<dc:creator>CrazyLemon</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Charset]]></category>
		<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[ip]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[搜索引擎]]></category>

		<guid isPermaLink="false">http://www.crazylemon.net/?p=2131</guid>
		<description><![CDATA[今天要找个隐藏代码来隐藏cnzz流量统计的图标，想到了CSS隐藏代码”Display:none;”，代码如下： &#60;span style=”display:none”&#62;&#60;script src=”http://s88.cnzz.com/stat.php?id=xxxxxx&#38;web_id=xxxxxx&#38;show=pic1&#8243; language=”JavaScript” charset=”gb2312&#8243;&#62;&#60;/script&#62; &#60;/span&#62; 挺好用的，完全不显示了，CNZZ也挺好用的 关于CSS隐藏代码”Display:none;”与SEO作弊，有网友作如下说明： Display:none;是一把双刃剑，以前被过多地用于seo作弊，所以搜索引擎对它比较敏感。 为CSS代码的表现样式DISPLAY本身并无过错，许多大型网站的导航系统，为了实现简洁而良好的用户体验，都使用了Display:none;隐藏部分内容，当用户点击了某个链接、按钮时，再通过js代码把隐藏的内容显示出来。 隐藏内容的css方法一般有三种：1、css代码Display:none;；2、visibility: hidden 可见性为隐藏；3、overflow:hidden设置。其中，第一种和第三种方法曾经大量地被使用在SEO作弊上，很多早期有着黑帽SEO历史的SEOER们应该都知道这样的方法。 当然，搜索引擎也不是傻子，在作弊与反作弊的较量上几乎就没有停止过；如果现在再使用上面的隐藏方法来作弊的话，比如在隐藏内容里堆叠大量的关键词，大量的链接等，搜索引擎K你是没商量。 是否正常使用了Display:none;这样的隐藏代码，是否利用它来对搜索引擎作弊有一个很简单的判断方法：隐藏的内容如果搜索引擎看得到，用户也看得到的为正常使用隐藏；如果用户看不到，而搜索引擎看得到就可以定性为作弊。像上面提到的网易、新浪等网站使用的隐藏效果就是完全正常的，使用了隐藏是为了更好地用户体验，更好的利用有限的空间，搜索引擎也不会机械到一刀切的地步。 总之，用户喜欢的就是搜索引擎喜欢的 相关日志06/26/2009 -- 13个测试网站访问速度的服务网站 (1)05/31/2009 -- SEO插件 &#8211; 20个最好的Wordpress SEO 插件 (3)12/01/2009 -- Meta标签说明 (5)10/30/2009 -- 什么是桥页 (0)10/26/2010 -- 关于 rel=”canonical” 用法 (0)]]></description>
			<content:encoded><![CDATA[<p>今天要找个隐藏代码来隐藏cnzz流量统计的图标，想到了CSS隐藏代码”Display:none;”，代码如下：</p>
<p>&lt;span style=”display:none”&gt;&lt;script src=”http://s88.cnzz.com/stat.php?id=xxxxxx&amp;web_id=xxxxxx&amp;show=pic1&#8243; language=”JavaScript” charset=”gb2312&#8243;&gt;&lt;/script&gt;<br />
&lt;/span&gt;</p>
<p>挺好用的，完全不显示了，CNZZ也挺好用的</p>
<p>关于CSS隐藏代码”Display:none;”与SEO作弊，有网友作如下说明：</p>
<p>Display:none;是一把双刃剑，以前被过多地用于seo作弊，所以搜索引擎对它比较敏感。</p>
<p>为CSS代码的表现样式DISPLAY本身并无过错，许多大型网站的导航系统，为了实现简洁而良好的用户体验，都使用了Display:none;隐藏部分内容，当用户点击了某个链接、按钮时，再通过js代码把隐藏的内容显示出来。</p>
<p>隐藏内容的css方法一般有三种：1、css代码Display:none;；2、visibility: hidden 可见性为隐藏；3、overflow:hidden设置。其中，第一种和第三种方法曾经大量地被使用在SEO作弊上，很多早期有着黑帽SEO历史的SEOER们应该都知道这样的方法。</p>
<p>当然，搜索引擎也不是傻子，在作弊与反作弊的较量上几乎就没有停止过；如果现在再使用上面的隐藏方法来作弊的话，比如在隐藏内容里堆叠大量的关键词，大量的链接等，搜索引擎K你是没商量。</p>
<p>是否正常使用了Display:none;这样的隐藏代码，是否利用它来对搜索引擎作弊有一个很简单的判断方法：隐藏的内容如果搜索引擎看得到，用户也看得到的为正常使用隐藏；如果用户看不到，而搜索引擎看得到就可以定性为作弊。像上面提到的网易、新浪等网站使用的隐藏效果就是完全正常的，使用了隐藏是为了更好地用户体验，更好的利用有限的空间，搜索引擎也不会机械到一刀切的地步。</p>
<p>总之，用户喜欢的就是搜索引擎喜欢的</p>
<h3  class="related_post_title">相关日志</h3><ul class="related_post"><li>06/26/2009 -- <a href="http://www.crazylemon.net/work/834.html" title="13个测试网站访问速度的服务网站">13个测试网站访问速度的服务网站</a> (1)</li><li>05/31/2009 -- <a href="http://www.crazylemon.net/seo/335.html" title="SEO插件 &#8211; 20个最好的Wordpress SEO 插件">SEO插件 &#8211; 20个最好的Wordpress SEO 插件</a> (3)</li><li>12/01/2009 -- <a href="http://www.crazylemon.net/html/2612.html" title="Meta标签说明">Meta标签说明</a> (5)</li><li>10/30/2009 -- <a href="http://www.crazylemon.net/seo/2325.html" title="什么是桥页">什么是桥页</a> (0)</li><li>10/26/2010 -- <a href="http://www.crazylemon.net/seo/3684.html" title="关于 rel=”canonical” 用法">关于 rel=”canonical” 用法</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.crazylemon.net/seo/2131.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS之TR标签无法加border的解决办法</title>
		<link>http://www.crazylemon.net/css/2083.html</link>
		<comments>http://www.crazylemon.net/css/2083.html#comments</comments>
		<pubDate>Tue, 29 Sep 2009 07:36:33 +0000</pubDate>
		<dc:creator>CrazyLemon</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>

		<guid isPermaLink="false">http://www.crazylemon.net/?p=2083</guid>
		<description><![CDATA[类似如下代码： .thickBorder { border-style : solid; border-width:2 px; border-color : black; } &#60;table border=0 width=100% align=center cellpadding=&#8217;0&#8242; cellspacing=&#8217;0&#8242; class=&#8217;propList&#8217;&#62; &#60;tr class=&#8217;thickBorder&#8217;&#62; &#60;td&#62; &#8230; &#60;/td&#62; &#60;td&#62; &#8230; &#60;/td&#62; &#60;/tr&#62; &#60;/table&#62; 在tr的class里定义的border会无效，只能定义backgrount等属性 解决方法是，将CSS样式定义在td标签里，如下： .thickBorder td { border-style : solid; border-width:2 px; border-color : black; } 即OK 相关日志09/28/2010 -- div+css最恶心问题之文字自动换行 (0)09/14/2010 -- 柠檬工作室成立 (14)10/07/2009 -- 关于HTML标记语言-锚点(#井号) (0)10/05/2009 -- CSS隐藏代码”Display:none;”是SEO作弊么? [...]]]></description>
			<content:encoded><![CDATA[<p>类似如下代码：</p>
<p>.thickBorder {<br />
border-style : solid;<br />
border-width:2 px;<br />
border-color : black;<br />
}</p>
<p>&lt;table border=0 width=100% align=center cellpadding=&#8217;0&#8242; cellspacing=&#8217;0&#8242; class=&#8217;propList&#8217;&gt;<br />
&lt;tr class=&#8217;thickBorder&#8217;&gt;<br />
&lt;td&gt;<br />
&#8230;<br />
&lt;/td&gt;<br />
&lt;td&gt;<br />
&#8230;<br />
&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;/table&gt;</p>
<p>在tr的class里定义的border会无效，只能定义backgrount等属性</p>
<p>解决方法是，将CSS样式定义在td标签里，如下：</p>
<p>.thickBorder td {<br />
border-style : solid;<br />
border-width:2 px;<br />
border-color : black;<br />
}</p>
<p>即OK</p>
<h3  class="related_post_title">相关日志</h3><ul class="related_post"><li>09/28/2010 -- <a href="http://www.crazylemon.net/css/3548.html" title="div+css最恶心问题之文字自动换行">div+css最恶心问题之文字自动换行</a> (0)</li><li>09/14/2010 -- <a href="http://www.crazylemon.net/work/3500.html" title="柠檬工作室成立">柠檬工作室成立</a> (14)</li><li>10/07/2009 -- <a href="http://www.crazylemon.net/html/2141.html" title="关于HTML标记语言-锚点(#井号)">关于HTML标记语言-锚点(#井号)</a> (0)</li><li>10/05/2009 -- <a href="http://www.crazylemon.net/seo/2131.html" title="CSS隐藏代码”Display:none;”是SEO作弊么?">CSS隐藏代码”Display:none;”是SEO作弊么?</a> (1)</li><li>09/17/2009 -- <a href="http://www.crazylemon.net/windows/1943.html" title="被IE8给XX了">被IE8给XX了</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.crazylemon.net/css/2083.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>被IE8给XX了</title>
		<link>http://www.crazylemon.net/windows/1943.html</link>
		<comments>http://www.crazylemon.net/windows/1943.html#comments</comments>
		<pubDate>Wed, 16 Sep 2009 17:35:54 +0000</pubDate>
		<dc:creator>CrazyLemon</dc:creator>
				<category><![CDATA[Windows]]></category>
		<category><![CDATA[DIV+CSS]]></category>

		<guid isPermaLink="false">http://www.crazylemon.net/?p=1943</guid>
		<description><![CDATA[改了一天的CSS样式表，在IE6中正常，结果对方说IE8下一塌糊涂，晕菜，客户基本上用的IE8 没办法，换IE8，然后再改，该死的兼容性 被IE8给XX了，装完要重启，感觉自变小变模糊了，而且傲游的和IE8显示上还是有点不一样 以后一定得先考虑兼容性了，否则做无用功 相关日志09/28/2010 -- div+css最恶心问题之文字自动换行 (0)09/14/2010 -- 柠檬工作室成立 (14)10/07/2009 -- 关于HTML标记语言-锚点(#井号) (0)10/05/2009 -- CSS隐藏代码”Display:none;”是SEO作弊么? (1)09/29/2009 -- CSS之TR标签无法加border的解决办法 (5)]]></description>
			<content:encoded><![CDATA[<p>改了一天的CSS样式表，在IE6中正常，结果对方说IE8下一塌糊涂，晕菜，客户基本上用的IE8</p>
<p>没办法，换IE8，然后再改，该死的兼容性</p>
<p>被IE8给XX了，装完要重启，感觉自变小变模糊了，而且傲游的和IE8显示上还是有点不一样</p>
<p>以后一定得先考虑兼容性了，否则做无用功</p>
<h3  class="related_post_title">相关日志</h3><ul class="related_post"><li>09/28/2010 -- <a href="http://www.crazylemon.net/css/3548.html" title="div+css最恶心问题之文字自动换行">div+css最恶心问题之文字自动换行</a> (0)</li><li>09/14/2010 -- <a href="http://www.crazylemon.net/work/3500.html" title="柠檬工作室成立">柠檬工作室成立</a> (14)</li><li>10/07/2009 -- <a href="http://www.crazylemon.net/html/2141.html" title="关于HTML标记语言-锚点(#井号)">关于HTML标记语言-锚点(#井号)</a> (0)</li><li>10/05/2009 -- <a href="http://www.crazylemon.net/seo/2131.html" title="CSS隐藏代码”Display:none;”是SEO作弊么?">CSS隐藏代码”Display:none;”是SEO作弊么?</a> (1)</li><li>09/29/2009 -- <a href="http://www.crazylemon.net/css/2083.html" title="CSS之TR标签无法加border的解决办法">CSS之TR标签无法加border的解决办法</a> (5)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.crazylemon.net/windows/1943.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>深究Nginx502 bad gateway, 504 Gateway Time-out的彻底解决（转）</title>
		<link>http://www.crazylemon.net/nginx/1552.html</link>
		<comments>http://www.crazylemon.net/nginx/1552.html#comments</comments>
		<pubDate>Tue, 11 Aug 2009 01:14:14 +0000</pubDate>
		<dc:creator>CrazyLemon</dc:creator>
				<category><![CDATA[Nginx]]></category>
		<category><![CDATA[Apache]]></category>
		<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[error]]></category>
		<category><![CDATA[Gateway]]></category>
		<category><![CDATA[get]]></category>
		<category><![CDATA[ip]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[php-fpm]]></category>
		<category><![CDATA[server]]></category>
		<category><![CDATA[timeout]]></category>

		<guid isPermaLink="false">http://www.crazylemon.net/?p=1552</guid>
		<description><![CDATA[我的VPS是256M的内存，CPU是四核心的，所以更多的我会在乎内存。而在我调试服务器的时候通常会遇到Nginx502 bad gateway和504 Gateway Time-out的错误。分析nginx.conf我发现server和fastcgi的buffers过多，导致fastcgi请求的数量过大，php-fpm无法及时处理而出错。循此思路我们可以再总体buffers不变的情况下减少请求数量，具体的ningx.conf改动细节如下：                 server_names_hash_bucket_size 128;                 client_header_buffer_size 32k;                 large_client_header_buffers 1 128k;# 4 32k                 client_max_body_size 8m;                 sendfile on;                 tcp_nopush     on;                 keepalive_timeout 60;                 tcp_nodelay on;                 fastcgi_connect_timeout 300;                 fastcgi_send_timeout 300;                 fastcgi_read_timeout 300;                 fastcgi_buffer_size 128k;                 fastcgi_buffers 2 256k;#8 128                 fastcgi_busy_buffers_size 256k;                 fastcgi_temp_file_write_size 256k; [...]]]></description>
			<content:encoded><![CDATA[<p>我的VPS是256M的内存，CPU是四核心的，所以更多的我会在乎内存。而在我调试服务器的时候通常会遇到Nginx502 bad gateway和504 Gateway Time-out的错误。分析nginx.conf我发现server和fastcgi的buffers过多，导致fastcgi请求的数量过大，php-fpm无法及时处理而出错。循此思路我们可以再总体buffers不变的情况下减少请求数量，具体的ningx.conf改动细节如下：<br />
                server_names_hash_bucket_size 128;<br />
                client_header_buffer_size 32k;<br />
                large_client_header_buffers 1 128k;# 4 32k<br />
                client_max_body_size 8m;</p>
<p>                sendfile on;<br />
                tcp_nopush     on;</p>
<p>                keepalive_timeout 60;</p>
<p>                tcp_nodelay on;</p>
<p>                fastcgi_connect_timeout 300;<br />
                fastcgi_send_timeout 300;<br />
                fastcgi_read_timeout 300;<br />
                fastcgi_buffer_size 128k;<br />
                fastcgi_buffers 2 256k;#8 128<br />
                fastcgi_busy_buffers_size 256k;<br />
                fastcgi_temp_file_write_size 256k;<br />
                fastcgi_intercept_errors on;</p>
<p>                gzip on;<br />
                gzip_min_length  1k;<br />
                gzip_buffers     1 64k; #4 16<br />
                gzip_http_version 1.0;<br />
                gzip_comp_level 2;<br />
                gzip_types       text/plain application/x-javascript text/css application/xml;<br />
                gzip_vary on;</p>
<p>另外，php-fpm的默认静态处理方式会使得php-cgi的进程长期占用内存而无法释放，这也是导致nginx出错的原因之一，因此可以将php-fpm的处理方式改成apache模式。<br />
        &lt;value name=”style”&gt;apache-like&lt;/value&gt;</p>
<p>从更改完毕到现在的测试表明上述方式的效果还是很明显的，并没有发现一次Nginx502 bad gateway或504 Gateway Time-out错误。当然，如果你的VPS或者服务器的性能足够好可以根据具体情况不必做无谓的改动。</p>
<p> </p>
<p>以上摘自疯人醉语</p>
<p>测试一下，有效果的话会更新</p>
<h3  class="related_post_title">相关日志</h3><ul class="related_post"><li>02/07/2009 -- <a href="http://www.crazylemon.net/nginx/74.html" title="nginx配置详细说明">nginx配置详细说明</a> (0)</li><li>06/06/2009 -- <a href="http://www.crazylemon.net/nginx/510.html" title="nginx详解">nginx详解</a> (0)</li><li>05/28/2009 -- <a href="http://www.crazylemon.net/nginx/211.html" title="Nginx服务器安装Magento">Nginx服务器安装Magento</a> (1)</li><li>06/26/2009 -- <a href="http://www.crazylemon.net/work/834.html" title="13个测试网站访问速度的服务网站">13个测试网站访问速度的服务网站</a> (1)</li><li>06/16/2009 -- <a href="http://www.crazylemon.net/nginx/670.html" title="nginx.conf &#8211; nginx配置文件说明">nginx.conf &#8211; nginx配置文件说明</a> (1)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.crazylemon.net/nginx/1552.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>13个测试网站访问速度的服务网站</title>
		<link>http://www.crazylemon.net/work/834.html</link>
		<comments>http://www.crazylemon.net/work/834.html#comments</comments>
		<pubDate>Fri, 26 Jun 2009 16:29:57 +0000</pubDate>
		<dc:creator>CrazyLemon</dc:creator>
				<category><![CDATA[工作]]></category>
		<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[get]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[ip]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[QQ]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[server]]></category>
		<category><![CDATA[虚拟主机]]></category>

		<guid isPermaLink="false">http://www.crazylemon.net/?p=834</guid>
		<description><![CDATA[Pingdom:http://tools.pingdom.com/ 非常专业的网页测速服务，可对该网页中众多元素一一测速，清楚地看到是哪些托了你的后腿。提供该网页速度的综合测评分析，看看会对你博客的设计有些启发。 Websiteoptimization:http://www.websiteoptimization.com/services/analyze/]功能十分强大的网站速度测试服务，可通过URL、HTM、JAVA代码三种方式进行测试，结果十分齐全，包括HTML、Images、CSS、Javascript等各个类别的访问速度，难能可贵的是还会根据你的结果给出一些建设性意见。   Webslug 是一个在线网速测定的服务，所不同的是，它用于比较任意两个网站的访问速度，你输入想要比较的两个网站的地址，Webslug 通过服务器进行访问速度测试，最后给出结果。 Webwait:http://www.webwait.com/ 简单的网页测速工具，比较大的特点是不仅可以测定某一点的访问速度，而且可以根据你的设置实时的监测速度。   Website speedtester:http://www.linkvendor.com/seo-tools/speedtester.htm 是linkvendor旗下的一个服务，可对网站全方位监测速度，给出综合报告，有java代码、图片访问速度的细致报告。    Internetsupervision:http://internetsupervision.com/scripts/urlcheck/check.aspx 可从世界10余个主要的网络节点来测是你的网页速度，包括：美国华盛顿、美国圣迭戈、德国多特蒙德、俄罗斯圣彼得堡、澳洲悉尼、中国北京等等。 Selfseo:http://www.selfseo.com/website_speed_test.php 所提供的网站访问速度测试功能并不强大，只提供简单的load时间，但可同时检测多个网站的速度以作比较。用它来检测你和竞争对手的速度，会对你的改进有所帮助。 Website speed test:http://www.iwebtool.com/speed_test 是webtool提供的简单网站速度测试，和Selfseo 一样，最多可以同时测试10个网站的访问速度。 另外还有几个： Websitegoodies:http://www.websitegoodies.com/tools/speed-test.php 提供的简单网站速度测试服务，提供大小和总load时间两个参数。 web-hosting-top.com: 提供与Selfseo 一样的测速服务。 global-weblinks:http://www.global-weblinks.com/websitespeed.asp 提供与Selfseo 一样的测速服务。 世界网络:http://www.linkwan.com/gb/broadmeter/speed/responsespeedtest.asp 提供的最简单的网站速度测试，只提供访问秒数结果。 相关日志05/31/2009 -- SEO插件 &#8211; 20个最好的Wordpress SEO 插件 (3)06/06/2009 -- nginx详解 (0)05/28/2009 -- Nginx服务器安装Magento (1)10/05/2009 -- CSS隐藏代码”Display:none;”是SEO作弊么? (1)08/11/2009 -- 深究Nginx502 bad gateway, [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://pic.yupoo.com/ybcz0519/59549600eb05/349owrnr.jpg" alt="" /></p>
<p>Pingdom:<a href="http://tools.pingdom.com/" target="_blank">http://tools.pingdom.com/</a> 非常专业的网页测速服务，可对该网页中众多元素一一测速，清楚地看到是哪些托了你的后腿。提供该网页速度的综合测评分析，看看会对你博客的设计有些启发。</p>
<p><img src="http://pic.yupoo.com/ybcz0519/10783656b906/rgsm2pf1.jpg" alt="" /><br />
Websiteoptimization:<a href="http://www.websiteoptimization.com/services/analyze/" target="_blank">http://www.websiteoptimization.com/services/analyze/</a>]功能十分强大的网站速度测试服务，可通过URL、HTM、JAVA代码三种方式进行测试，结果十分齐全，包括HTML、Images、CSS、Javascript等各个类别的访问速度，难能可贵的是还会根据你的结果给出一些建设性意见。</p>
<p> <br />
Webslug 是一个在线网速测定的服务，所不同的是，它用于比较任意两个网站的访问速度，你输入想要比较的两个网站的地址，Webslug 通过服务器进行访问速度测试，最后给出结果。</p>
<p><img src="http://pic.yupoo.com/ybcz0519/234955edf1a5/5qaw51um.jpg" alt="" /><br />
Webwait:<a href="http://www.webwait.com/" target="_blank">http://www.webwait.com/</a> 简单的网页测速工具，比较大的特点是不仅可以测定某一点的访问速度，而且可以根据你的设置实时的监测速度。</p>
<p> <br />
Website speedtester:http://www.linkvendor.com/seo-tools/speedtester.htm 是linkvendor旗下的一个服务，可对网站全方位监测速度，给出综合报告，有java代码、图片访问速度的细致报告。<br />
  <br />
<img src="http://pic.yupoo.com/ybcz0519/31768656ad93/7yoj23g9.jpg" alt="" /><br />
Internetsupervision:<a href="http://internetsupervision.com/scripts/urlcheck/check.aspx" target="_blank">http://internetsupervision.com/scripts/urlcheck/check.aspx</a> 可从世界10余个主要的网络节点来测是你的网页速度，包括：美国华盛顿、美国圣迭戈、德国多特蒙德、俄罗斯圣彼得堡、澳洲悉尼、中国北京等等。</p>
<p><img src="http://pic.yupoo.com/ybcz0519/91456656b159/qqnmhs5n.jpg" alt="" /><br />
Selfseo:<a href="http://www.selfseo.com/website_speed_test.php" target="_blank">http://www.selfseo.com/website_speed_test.php</a> 所提供的网站访问速度测试功能并不强大，只提供简单的load时间，但可同时检测多个网站的速度以作比较。用它来检测你和竞争对手的速度，会对你的改进有所帮助。</p>
<p><img src="http://pic.yupoo.com/ybcz0519/78865656b30f/2yadtq4b.jpg" alt="" /><br />
Website speed test:<a href="http://www.iwebtool.com/speed_test" target="_blank">http://www.iwebtool.com/speed_test</a> 是webtool提供的简单网站速度测试，和Selfseo 一样，最多可以同时测试10个网站的访问速度。</p>
<p>另外还有几个：<br />
Websitegoodies:<a href="http://www.websitegoodies.com/tools/speed-test.php" target="_blank">http://www.websitegoodies.com/tools/speed-test.php</a> 提供的简单网站速度测试服务，提供大小和总load时间两个参数。<br />
web-hosting-top.com: 提供与Selfseo 一样的测速服务。<br />
global-weblinks:<a href="http://www.global-weblinks.com/websitespeed.asp" target="_blank">http://www.global-weblinks.com/websitespeed.asp</a> 提供与Selfseo 一样的测速服务。<br />
世界网络:<a href="http://www.linkwan.com/gb/broadmeter/speed/responsespeedtest.asp" target="_blank">http://www.linkwan.com/gb/broadmeter/speed/responsespeedtest.asp</a> 提供的最简单的网站速度测试，只提供访问秒数结果。</p>
<h3  class="related_post_title">相关日志</h3><ul class="related_post"><li>05/31/2009 -- <a href="http://www.crazylemon.net/seo/335.html" title="SEO插件 &#8211; 20个最好的Wordpress SEO 插件">SEO插件 &#8211; 20个最好的Wordpress SEO 插件</a> (3)</li><li>06/06/2009 -- <a href="http://www.crazylemon.net/nginx/510.html" title="nginx详解">nginx详解</a> (0)</li><li>05/28/2009 -- <a href="http://www.crazylemon.net/nginx/211.html" title="Nginx服务器安装Magento">Nginx服务器安装Magento</a> (1)</li><li>10/05/2009 -- <a href="http://www.crazylemon.net/seo/2131.html" title="CSS隐藏代码”Display:none;”是SEO作弊么?">CSS隐藏代码”Display:none;”是SEO作弊么?</a> (1)</li><li>08/11/2009 -- <a href="http://www.crazylemon.net/nginx/1552.html" title="深究Nginx502 bad gateway, 504 Gateway Time-out的彻底解决（转）">深究Nginx502 bad gateway, 504 Gateway Time-out的彻底解决（转）</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.crazylemon.net/work/834.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>div+css去掉超链接的下划线</title>
		<link>http://www.crazylemon.net/php/769.html</link>
		<comments>http://www.crazylemon.net/php/769.html#comments</comments>
		<pubDate>Mon, 22 Jun 2009 21:09:50 +0000</pubDate>
		<dc:creator>CrazyLemon</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[DIV]]></category>
		<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[Link]]></category>

		<guid isPermaLink="false">http://www.crazylemon.net/?p=769</guid>
		<description><![CDATA[我们可以用CSS语法来控制超链接的形式、颜色变化。 　　下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。 　　实现方法很简单，在源代码的&#60;head&#62;和&#60;head&#62;之间加上如下的CSS语法控制： 　　 &#60;style type=”text/css”&#62; 　　 &#60;!&#8211; 　　 a:link { text-decoration: none;color: blue} 　　 a:active { text-decoration:blink} 　　 a:hover { text-decoration:underline;color: red} 　　 a:visited { text-decoration: none;color: green} 　　 -－&#62; 　　 &#60;/style&#62; 　　其中： 　　a:link 指正常的未被访问过的链接； 　　a:active 指正在点的链接； 　　a:hover 指鼠标在链接上； 　　a:visited 指已经访问过的链接； 　　text-decoration是文字修饰效果的意思； 　　none参数表示超链接文字不显示下划线； 　　underline参数表示超链接的文字有下划线 相关日志09/14/2010 -- 柠檬工作室成立 (14)10/05/2009 -- CSS隐藏代码”Display:none;”是SEO作弊么? (1)08/11/2009 -- 解决phpmyadmin“登陆超时（1440秒未活动），请重新登录”问题 (0)06/26/2009 [...]]]></description>
			<content:encoded><![CDATA[<p>我们可以用CSS语法来控制超链接的形式、颜色变化。</p>
<p><span class="p2" style="line-height: 17pt;">　　下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。 </span></p>
<p><span class="p2" style="line-height: 17pt;">　　实现方法很简单，在源代码的&lt;head&gt;和&lt;head&gt;之间加上如下的CSS语法控制： </span></p>
<p><span class="p2" style="line-height: 17pt;">　　 &lt;style type=”text/css”&gt;<br />
　　 &lt;!&#8211;<br />
　　 a:link { text-decoration: none;color: blue}<br />
　　 a:active { text-decoration:blink}<br />
　　 a:hover { text-decoration:underline;color: red}<br />
　　 a:visited { text-decoration: none;color: green}<br />
　　 -－&gt;<br />
　　 &lt;/style&gt; </span></p>
<p><span class="p2" style="line-height: 17pt;">　　其中：<br />
　　a:link 指正常的未被访问过的链接；<br />
　　a:active 指正在点的链接；<br />
　　a:hover 指鼠标在链接上；<br />
　　a:visited 指已经访问过的链接；<br />
　　text-decoration是文字修饰效果的意思；<br />
　　none参数表示超链接文字不显示下划线；<br />
</span><span class="p2" style="line-height: 17pt;">　　underline参数表示超链接的文字有下划线 </span></p>
<h3  class="related_post_title">相关日志</h3><ul class="related_post"><li>09/14/2010 -- <a href="http://www.crazylemon.net/work/3500.html" title="柠檬工作室成立">柠檬工作室成立</a> (14)</li><li>10/05/2009 -- <a href="http://www.crazylemon.net/seo/2131.html" title="CSS隐藏代码”Display:none;”是SEO作弊么?">CSS隐藏代码”Display:none;”是SEO作弊么?</a> (1)</li><li>08/11/2009 -- <a href="http://www.crazylemon.net/php/1565.html" title="解决phpmyadmin“登陆超时（1440秒未活动），请重新登录”问题 ">解决phpmyadmin“登陆超时（1440秒未活动），请重新登录”问题 </a> (0)</li><li>06/26/2009 -- <a href="http://www.crazylemon.net/work/834.html" title="13个测试网站访问速度的服务网站">13个测试网站访问速度的服务网站</a> (1)</li><li>05/31/2009 -- <a href="http://www.crazylemon.net/php/339.html" title="Object of class queryFactoryResult could not be converted to string">Object of class queryFactoryResult could not be converted to string</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.crazylemon.net/php/769.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SEO插件 &#8211; 20个最好的WordPress SEO 插件</title>
		<link>http://www.crazylemon.net/seo/335.html</link>
		<comments>http://www.crazylemon.net/seo/335.html#comments</comments>
		<pubDate>Sun, 31 May 2009 10:07:27 +0000</pubDate>
		<dc:creator>CrazyLemon</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[get]]></category>
		<category><![CDATA[Google资讯]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[ip]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[robot]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[sitemap]]></category>
		<category><![CDATA[word]]></category>
		<category><![CDATA[优化]]></category>
		<category><![CDATA[搜索引擎]]></category>
		<category><![CDATA[柠檬]]></category>
		<category><![CDATA[疯狂]]></category>
		<category><![CDATA[疯狂的柠檬]]></category>
		<category><![CDATA[虚拟主机]]></category>

		<guid isPermaLink="false">http://www.crazylemon.net/?p=335</guid>
		<description><![CDATA[2008年底，全球互联网博客的数量已经超过1亿2000万，人们如何才能在浩瀚的互联网上找到你的博客呢？社会化媒体营销是一个方法，当然你需要付出大量的时间和精力。也许你对社会化网络没有什么兴趣，你只想专心的为你的博客创作最好的内容，就跟我一样，那么SEO也许是让人们发现你的优秀文章的最简单和快捷的方法，对于博客而言尤其是这样。 搜索引擎喜欢博客，对于wordpress博客平台而言，你不需要具备一些基本的SEO技能，wordpress对搜索引擎非常友好，它天生就是为不懂SEO的bloggers而设计的。本文不是为那些搜索引擎优化专家准备的，如果你拥有自己的博客，你只希望专心的投入到博客的文章创新和写作中去，又不想在搜索引擎优化上面耗费你宝贵的时间和精力，那么本文为你介绍的20个wordpress SEO插件可以帮助你获得更多的流量和读者。 什么是Wordpress SEO插件？ WordPress SEO插件是简单的搜索引擎优化工具，它可以帮助你选择正确的tags，告诉搜索引擎蜘蛛如何在你的博客上工作，优化你的文章标题，以及优化你的博客内部链接……使用SEO插件可以让你无须考虑过多的搜索引擎优化细节和SEO技巧，同时它们能让你的博客构架对搜索引擎更加友好，从而让你的博客文章更快被搜索引擎索引，并获得不错的搜索引擎排名。 20个最好的Wordpress搜索引擎优化插件 All in One SEO Pack &#8211; wordpress平台上最受欢迎的插件之一，该Wordpress 插件可以帮助你选择最好的文章标题和关键词，以及让你避免发布重复内容。利用该插件，你可以给每篇页面添加独立的关键词和摘要，还可以防止存档页面被抓取以免被 Google 降权。 Automatic SEO Links &#8211; Automatic SEO Links允许你选择一个关键词或者文章标题来自动进行链接，比如我们可以设置“疯狂的柠檬”的自动链接URL为“http://www.crazylemon.net”，那么在你post的文章中出现“疯狂的柠檬”这个词的时候，插件会将该关键词自动添加链接。你可以为关键词设置为内部或者外部链接，设置锚文本，选择是否为链接添加 “nofollow” 等等。该插件还有个特色就是一篇文章中只会出现一次相同的自动链接，避免过度优化而造成搜索引擎惩罚。 Google XML Sitemaps &#8211; 个人认为这个是每个wordpress博客都必须的SEO插件工具。虽然说的是google xml站点地图生成工具，但实际上该插件生成的XML-sitmap也可以被ask，msn，yahoo等搜索引擎蜘蛛读取。 HeadSpace2 &#8211; 该插件让你可以安装各种类型的meta-data，为页面添加特别的javascript和css代码，以及tags提示等，也是一个非常有用的SEO插件。 Meta Robots WordPress plugin &#8211; 可以为你博客的任何页面添加针对搜索引擎机器人的metadata。为页面和目录添加nofollow属性，这对一些利用web service的会员计划来建立的博客商店来说非常重要，可以避免搜索引擎索引重复内容。你还可以防止登陆页，归档页等被索引。 Nofollow Case by Case &#8211; 该插件让你去除在文章评论中的nofollow属性，你可以选择在哪个文章中支持评论的dofollow，避免全站都采用dofollow的评论，防止垃圾评论。 Platinum SEO Plugin &#8211; Platinum SEO [...]]]></description>
			<content:encoded><![CDATA[<p>2008年底，全球互联网博客的数量已经超过1亿2000万，人们如何才能在浩瀚的互联网上找到你的博客呢？社会化媒体营销是一个方法，当然你需要付出大量的时间和精力。也许你对社会化网络没有什么兴趣，你只想专心的为你的博客创作最好的内容，就跟我一样，那么SEO也许是让人们发现你的优秀文章的最简单和快捷的方法，对于博客而言尤其是这样。</p>
<p>搜索引擎喜欢博客，对于wordpress博客平台而言，你不需要具备一些基本的SEO技能，wordpress对搜索引擎非常友好，它天生就是为不懂SEO的bloggers而设计的。本文不是为那些搜索引擎优化专家准备的，如果你拥有自己的博客，你只希望专心的投入到博客的文章创新和写作中去，又不想在搜索引擎优化上面耗费你宝贵的时间和精力，那么本文为你介绍的20个wordpress SEO插件可以帮助你获得更多的流量和读者。</p>
<h2>什么是Wordpress SEO插件？</h2>
<p>WordPress SEO插件是简单的搜索引擎优化工具，它可以帮助你选择正确的tags，告诉搜索引擎蜘蛛如何在你的博客上工作，优化你的文章标题，以及优化你的博客内部链接……使用SEO插件可以让你无须考虑过多的搜索引擎优化细节和SEO技巧，同时它们能让你的博客构架对搜索引擎更加友好，从而让你的博客文章更快被搜索引擎索引，并获得不错的搜索引擎排名。</p>
<h2>20个最好的Wordpress搜索引擎优化插件</h2>
<p>All in One SEO Pack &#8211; wordpress平台上最受欢迎的插件之一，该Wordpress 插件可以帮助你选择最好的文章标题和关键词，以及让你避免发布重复内容。利用该插件，你可以给每篇页面添加独立的关键词和摘要，还可以防止存档页面被抓取以免被 Google 降权。</p>
<p><a href="http://cvs.aesinformatica.com/download/automatic-seo-links" target="_blank">Automatic SEO Links</a> &#8211; Automatic SEO Links允许你选择一个关键词或者文章标题来自动进行链接，比如我们可以设置“<a title="疯狂的柠檬" href="http://www.crazylemon.net">疯狂的柠檬</a>”的自动链接URL为“http://www.crazylemon.net”，那么在你post的文章中出现“疯狂的柠檬”这个词的时候，插件会将该关键词自动添加链接。你可以为关键词设置为内部或者外部链接，设置锚文本，选择是否为链接添加 “nofollow” 等等。该插件还有个特色就是一篇文章中只会出现一次相同的自动链接，避免过度优化而造成搜索引擎惩罚。</p>
<p><a href="http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/" target="_blank">Google XML Sitemaps</a> &#8211; 个人认为这个是每个wordpress博客都必须的SEO插件工具。虽然说的是google xml站点地图生成工具，但实际上该插件生成的XML-sitmap也可以被ask，msn，yahoo等搜索引擎蜘蛛读取。</p>
<p><a href="http://urbangiraffe.com/plugins/headspace2/" target="_blank">HeadSpace2</a> &#8211; 该插件让你可以安装各种类型的meta-data，为页面添加特别的javascript和css代码，以及tags提示等，也是一个非常有用的SEO插件。</p>
<p><a href="http://yoast.com/wordpress/meta-robots-wordpress-plugin/" target="_blank">Meta Robots WordPress plugin</a> &#8211; 可以为你博客的任何页面添加针对搜索引擎机器人的metadata。为页面和目录添加nofollow属性，这对一些利用web service的会员计划来建立的博客商店来说非常重要，可以避免搜索引擎索引重复内容。你还可以防止登陆页，归档页等被索引。</p>
<p><a href="http://wordpress.org/extend/plugins/nofollow-case-by-case/" target="_blank">Nofollow Case by Case</a> &#8211; 该插件让你去除在文章评论中的nofollow属性，你可以选择在哪个文章中支持评论的dofollow，避免全站都采用dofollow的评论，防止垃圾评论。</p>
<p><a href="http://techblissonline.com/platinum-seo-pack/" target="_blank">Platinum SEO Plugin</a> &#8211; Platinum SEO Plugin 支持永久链接的自动301重定向，自动生成meta tags，以及post slug优化等，还可以帮助你避免副本内容。</p>
<p><a href="http://urbangiraffe.com/plugins/redirection/" target="_blank">Redirection</a> &#8211; 在很多时候，你因为一些不同的原因需要对博客文章进行移动或者修改，这很容易造成原有页面在搜索引擎的排名下降。Redirection插件可以通过301重定向帮助你捕获404错误日志，因此你可以发现并修改这些错误，你还可以设置一个错误RSS feed。</p>
<p><a href="http://www.francesco-castaldo.com/plugins-and-widgets/seo-blogroll/" target="_blank" class="broken_link">SEO Blogroll</a> &#8211; 如果你担心你的blogroll中的博客链接分享你的PageRank，那么使用SEOBlogroll，你可以对链接分组进行分别设置，并为一些链接组分配nofollow属性，避免该链接组中的博客分享你的网站权重。</p>
<p><a href="http://pressedwords.com/solving-wordpress-seo-paged-comments-problem/" target="_blank">SEO for Paged Comments</a> &#8211; WordPress 2.7评论分页功能有效的降低了页面体积，增加页面载入速度，尤其对于留言较多的博客确实很实用，但WordPress默认的评论分页随着带来的SEO问题–内容重复，正文页面与评论分页页面内容一样。该插件将评论分页页面的post正文显示摘要，再加上一个至post的permalink链接，从而区分了正文页面，避免重复内容，完全达到了SEO的要求。</p>
<p><a href="http://mark-kirby.co.uk/2009/seo-friendly-and-html-valid-subheadings-a-wordpress-plugin/" target="_blank">SEO friendly and HTML valid subheadings</a> &#8211; 该插件会自动修改你页面中的子标题，使之更加SEO友好。对于一些设计不合理的wordpress主题模板来说非常有用，自动将h2变为h3，h3变为h4等等。</p>
<p><a href="http://www.prelovac.com/vladimir/wordpress-plugins/seo-friendly-images" target="_blank">SEO Friendly Images</a> &#8211; 当人们搜索不同科目的图片时，图片会是一个非常重要的流量来源，SEO图象友好插件将帮助你为博客中的图片添加 “alt” and “title” 标签，帮助搜索引擎正确的索引这些图片。</p>
<p><a href="http://omninoggin.com/wordpress-plugins/seo-no-duplicate-wordpress-plugin/" target="_blank">SEO No Duplicate WordPress Plugin</a> &#8211; 一款刚刚推出的WordPress SEO型插件，主要功能就是告诉搜索引擎爬虫一篇日志页面的首选版本。因为许多黑帽SEO会滥用副本内容来获取搜索引擎排名，而搜索引擎很难检测和处罚他们，该插件帮助你告诉搜索引擎你才是该文章的原创。</p>
<p><a href="http://www.maxblogpress.com/plugins/spl/" target="_blank">SEO Post Link</a> &#8211; post slug是你在浏览器的url输入框中看到的博客标题，有时候由于标题过长造成文章的post slug也很长，搜索引擎不喜欢太长的URL。该插件让你的post slug合理减肥，只保留重要的关键词，让你的文章地址对搜索引擎更加友好。你可以设置包含的字符数量，去除不必要的字词。</p>
<p><a href="http://www.prelovac.com/vladimir/wordpress-plugins/seo-smart-links" target="_blank">SEO Smart Links</a> &#8211; 内部链接对于SEO来说也是一个非常重要的技巧，同时适当的内部链接还可以让更多的人阅读到你更多的相关文章，提高网站的page view，但是如果手动添加链接则会花费你大量的时间和精力。通过SEO Smart Links插件，你可以指定什么关键词自动链接到哪个URL，以及允许你为链接设置nofollow，open in new window等属性。</p>
<p><a href="http://blog.fleischer.hu/wordpress/seo-tag-cloud/" target="_blank">SEO Tag Cloud Widget</a> &#8211; 有许多朋友喜欢在他们的博客上面使用标签云，本插件让你的tags cloud更容易被搜索引擎阅读， 更加SEO友好。</p>
<p><a href="http://www.netconcepts.com/seo-title-tag-plugin/" target="_blank">SEO Title Tag</a> &#8211; 标签是一个非常重要的部分，它让搜索引擎了解你的文章都如何放置，很多人都很讨厌wordpress标题栏那里的那个有点像括号的符号——“»”，因为它在很多的中文搜索引擎里面显示为乱码，非常地不利于搜索引擎优化（SEO），用SEO Title Tag这个插件则可以方便地把这个符号消除。同时，还可以自定义文章名和网站名中间的那个符号，如使用“-”或者“|”等。另外，你还可以在首页的title里面加上网站的描述，而在其它的页面则不显示网站的描述，这对SEO非常有利。</p>
<p><a href="http://wordpress.org/extend/plugins/simple-tags/" target="_blank">Simple Tags</a> &#8211; 一个极度受欢迎的tags建议插件，帮助你为你的博客文章选择最好的tag标签，包括标签建议，tags自动完成，批量编辑等众多功能。</p>
<p><a href="http://www.dagondesign.com/articles/sitemap-generator-plugin-for-wordpress/" target="_blank">Sitemap Generator</a> &#8211; 一个支持多级分类目录和页面的可定制的站点地图生成插件，有许多可定制选项。把这个插件当成wordpress blog存档插件来使用也是非常不错的选择。</p>
<p><a href="http://wordpress.org/extend/plugins/tgfinet-seo/" target="_blank">TGFInet SEO WordPress Plugin</a> &#8211; 该插件可以可以做大多数常见的SEO工作，比如标题优化，关键词优化等，对于了解一定SEO技巧的blogger来说非常适用。实际上该插件是<a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/">all-in-one-seo-pack</a>的修改版本，在原插件的基础上进行了部分增强，对于想把博客做得像CMS一样的朋友来说，可以试用一下这个插件。</p>
<p>以上就是我们为大家总结的20个wordpress seo 插件，如果您还有更好的，也拿出来给大家分享一下吧！</p>
<h3  class="related_post_title">相关日志</h3><ul class="related_post"><li>05/31/2009 -- <a href="http://www.crazylemon.net/seo/267.html" title="十大WordPress的SEO优化技巧">十大WordPress的SEO优化技巧</a> (0)</li><li>06/04/2009 -- <a href="http://www.crazylemon.net/seo/438.html" title="wordpress ping服务">wordpress ping服务</a> (4)</li><li>12/01/2009 -- <a href="http://www.crazylemon.net/html/2612.html" title="Meta标签说明">Meta标签说明</a> (5)</li><li>10/30/2009 -- <a href="http://www.crazylemon.net/seo/2325.html" title="什么是桥页">什么是桥页</a> (0)</li><li>09/14/2009 -- <a href="http://www.crazylemon.net/seo/1892.html" title="如何查看网站关键词在搜索引擎中的排名？">如何查看网站关键词在搜索引擎中的排名？</a> (2)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.crazylemon.net/seo/335.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

