<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<?xml-stylesheet type="text/xsl" href="css/rss.xslt"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>医院网站seo优化</title><link>http://www.nthao.com/</link><description>医院网络营销</description><generator>RainbowSoft Studio Z-Blog 1.8 Walle Build 100427</generator><language>zh-CN</language><copyright>Copyright www.nthao.com WebSite. Some Rights Reserved.</copyright><pubDate>Sun, 20 May 2012 21:27:22 +0800</pubDate><item><title>权重比较高且搜索引擎友好的博客</title><author>a@b.com (luofeng)</author><link>http://www.nthao.com/post/60.html</link><pubDate>Sun, 06 May 2012 15:06:36 +0800</pubDate><guid>http://www.nthao.com/post/60.html</guid><description><![CDATA[<p>大家推荐些权重比较高且搜索引擎友好的博客。<br /><a href="http://blog.hexun.com/">http://blog.hexun.com/</a>&nbsp; 和讯 博客 pr：6&nbsp; 收录较快<br /><a href="http://group.hexun.com/">http://group.hexun.com/</a>&nbsp; pr：5<br /><a href="http://blog.csdn.net/">http://blog.csdn.net/</a>&nbsp;&nbsp; pr:5 csdn博客<br /><a href="http://i.mop.com/">http://i.mop.com/</a>&nbsp; 猫扑<br /><a href="http://cblog.chinadaily.com.cn/">http://cblog.chinadaily.com.cn/</a> 环球在线博客<br /><a href="http://blog.focus.cn/">http://blog.focus.cn/</a> 焦点房地产网<br /><a href="http://blog.stockstar.com/">http://blog.stockstar.com/</a>&nbsp; 星博客。 pr：5<br /><a href="http://www.douban.com">http://www.douban.com</a>&nbsp;&nbsp; 豆瓣网&nbsp;&nbsp;&nbsp; pr：6<br /><a href="http://blog.zj.com/">http://blog.zj.com/</a>&nbsp; 博客浙江<br /><a href="http://www.28.com/">http://www.28.com/</a>&nbsp; 商机在线<br /><a href="http://blog.sg.com.cn">http://blog.sg.com.cn</a> 精品博客<br /><a href="http://blog.qingdaonews.com/">http://blog.qingdaonews.com/</a>&nbsp; 青青岛博客<br /><a href="http://www.cndigg.com">http://www.cndigg.com</a>&nbsp; 中国掘客网<br /><a href="http://www.dlog.cn">http://www.dlog.cn</a> <br /><a href="http://www.bokee.net/">http://www.bokee.net/</a> 企博客<br /><a href="http://blog.netbig.com/">http://blog.netbig.com/</a> 网大博客<br /><a href="http://blog.chinabyte.com/">http://blog.chinabyte.com/</a> cb博客<br /><a href="http://blog.sina.com.cn/">http://blog.sina.com.cn/</a>&nbsp; 新浪网&nbsp; <br /><a href="http://blog.qianlong.com/">http://blog.qianlong.com/</a> 千龙博客网<br /><a href="http://communion.yidaba.com/comms.shtml">http://communion.yidaba.com/comms.shtml</a>&nbsp; 一大把 <br /><a href="http://blog.focus.cn/">http://blog.focus.cn/</a> 焦点博客。<br /><a href="http://www.chaoshi168.com">http://www.chaoshi168.com</a>&nbsp; 超市168<br /><a href="http://blog.e23.cn">http://blog.e23.cn</a>&nbsp; 舜网博客<br /><a href="http://www.0080.com/">http://www.0080.com/</a>批发咨询网<br /><a href="http://column.iresearch.cn/">http://column.iresearch.cn/</a> 艾瑞网<br /><a href="http://www.chinavalue.net">http://www.chinavalue.net</a>&nbsp; 价值中国<br /><a href="http://blog.cnfol.com/">http://blog.cnfol.com/</a>&nbsp; 中金博客<br /><a href="http://www.kaluu.com/">http://www.kaluu.com/</a> 开路网<br /><a href="http://www.myspace.cn/">http://www.myspace.cn/</a> 聚友网&nbsp; pr：5<br /><a href="http://china.1728.web.coovee.net/">http://china.1728.web.coovee.net/</a> 真空杯<br /><a href="http://bokee.com/">http://bokee.com/</a> 博客网<br /><a href="http://china.toocle.com/trade/">http://china.toocle.com/trade/</a><br /><a href="http://www.rmloho.com">http://www.rmloho.com</a>&nbsp; 乐活中国<br /><a href="http://blog.gxnews.com.cn">http://blog.gxnews.com.cn</a>&nbsp; 红豆博客<br /><a href="http://blog.ccidnet.com/">http://blog.ccidnet.com/</a>&nbsp;&nbsp; IT博客<br /><a href="http://blog.sg.com.cn/">http://blog.sg.com.cn/</a>&nbsp; 精品网<br /><a href="http://www.bokee.net/">http://www.bokee.net/</a> 企博客</p><p>&nbsp;</p>]]></description><category>网络营销</category><comments>http://www.nthao.com/post/60.html#comment</comments><wfw:comment>http://www.nthao.com/</wfw:comment><wfw:commentRss>http://www.nthao.com/feed.asp?cmt=60</wfw:commentRss><trackback:ping>http://www.nthao.com/cmd.asp?act=tb&amp;id=60&amp;key=823b35ae</trackback:ping></item><item><title>小猴子下山的故事我们懂得了吗 </title><author>a@b.com (luofeng)</author><link>http://www.nthao.com/post/59.html</link><pubDate>Thu, 05 Apr 2012 15:44:24 +0800</pubDate><guid>http://www.nthao.com/post/59.html</guid><description><![CDATA[<p>《小猴子下山》还记得小学的这篇文章吗？那时候的我们真的懂得这个故事的意义了吗？好像离我们已经好久远，突然想起这个故事却已经忘记名字。也许生活中的我们就是这只猴子，温故一下这个故事。</p><p>&ldquo;有一天，一只小猴子下山来。 它走到一块玉米地里，看见玉米结得又大又多， 非常高兴，就掰了一个，扛着往前走。 小猴子扛着玉米，走到一棵桃树下。它看见满树 的桃子又大又红，非常高兴，就扔了玉米去摘桃子。 小猴子捧着几个桃子，走到一片瓜地里。它看见 满地的西瓜又大又圆，非常高兴，就扔了桃子去摘西 瓜。 小猴子抱着一个大西瓜往回走。走着走着，看见一 只小兔蹦蹦跳跳的，真可爱。它非常高兴，就扔了西 瓜去追小兔。 小兔跑进树林子，不见了。小猴子只好空着手回家去&rdquo;</p><p>每一段路的过程都很美，经历过方知其中的美，可是我们是否都像小猴子那样，扔了这个去抓那个，结果什么也没做好。一路走来眼看就要成功的事情却在最关键的时候选择了放弃，总以为会有更好的。但真的有更好的吗？我们都知道小猴子下山的故事，这不仅仅是当年小学的一篇课文，更是我们一段美好的回忆，一个提醒我们长大的故事。今天你是否还是觉得其实许多事许多人，我们都可以好好把握的，只是一不留神都已成为过去。</p><p>那么从现在起我们不论做什么事情，都要有始有终，认认真真地去做，做完一件再做另一件，这样才能有收获。把握好机会，珍惜身边的人，做好每一件事。我们丢弃的那些真的有理由被我们丢弃吗？还是那些一直都是借口。为什么会不知道自己要的是什么呢？目标不够明确吗？还是根本是在三心二意？</p><p>有时候真的要问自己努力了吗？认真付出过吗？加油吧！许多时候简单的道理大家都明白，可是有多少人去做了呢？为什么每次等到失去的时候才后悔！有用吗？道歉，对不起！对已经造成的伤害没有用，什么都不能改变！只不过是一个心理安慰罢了。做好自己应该做的，其它都顺其自然，不强求，一切也就只有努力的经过了才有意义。<br />&nbsp;</p><p>&nbsp;</p>]]></description><category>生活随想</category><comments>http://www.nthao.com/post/59.html#comment</comments><wfw:comment>http://www.nthao.com/</wfw:comment><wfw:commentRss>http://www.nthao.com/feed.asp?cmt=59</wfw:commentRss><trackback:ping>http://www.nthao.com/cmd.asp?act=tb&amp;id=59&amp;key=b7f3965d</trackback:ping></item><item><title>以求医为例谈搜索引擎排序算法的基础原理 </title><author>a@b.com (luofeng)</author><link>http://www.nthao.com/post/57.html</link><pubDate>Sat, 24 Mar 2012 15:01:51 +0800</pubDate><guid>http://www.nthao.com/post/57.html</guid><description><![CDATA[<p>我们向搜索引擎提交一个查询，搜索引擎会从先到后列出大量的结果，这些结果排序的标准是什么呢？这个看似简单的问题，却是信息检索专家们研究的核心难题之一。</p><p>为了说明这个问题，我们来研究一个比搜索引擎更加古老的话题：求医。比如，如果我牙疼，应该去看怎样的医生呢？假设我只有三种选择：</p><p><br />A医生，既治眼病，又治胃病； <br />B医生，既治牙病，又治胃病，还治眼病； <br />C医生，专治牙病。<br />A医生肯定不在考虑之列。B医生和C医生之间，貌视更应该选择C医生，因为他更专注，更适合我的病情。假如再加一个条件：B医生经验丰富，有二十年从医经历，医术高明，而C医生只有五年从医经验，这个问题就不那么容易判断了，是优先选择更加专注的C医生，还是优先选择医术更加高明的B医生，的确成了一个需要仔细权衡的问题。</p><p>至少，我们得到了一个结论，择医需要考虑两个条件：医生的专长与病情的适配程度；医生的医术。大家肯定觉得这个结论理所当然，而且可以很自然地联想到，搜索引擎排序不也是这样吗，既要考虑网页内容与用户查询的匹配程度，又要考虑网页本身的质量。但是，怎么把这两种因素结合起来，得到一个，而不是两个或多个排序标准呢？假如我们把这两种因素表示成数值，最终的排序依据是把这两个数值加起来，还是乘起来，或是按决策树的办法把它们组织起来？如果是加起来，是简单相加，还是带权重加呢？</p><p>我们可以根据直觉和经验，通过试错的办法，把这两个因素结合起来。但更好的办法是我们能找到一个明确的依据，最好能跟数学这样坚实的学科联系起来。说起来，依据朴素的经验，人类在古代就能建造出高楼；但要建造出高达数百米的 摩天大厦，如果没有建筑力学、材料力学这样坚实的学科作为后盾，则是非常非常困难的。同理，依据朴素的经验构建的搜索引擎算法，用来处理上万的网页集合应该是没问题的；但要检索上亿的网页，则需要更为牢固的理论基础。</p><p>求医，病人会优先选择诊断准确、治疗效果好的医生；对于搜索引擎来说，一般按网页满足用户需求的概率从大到小排序。如果用q表示用户给出了一个特定的查询，用d表示一个特定的网页满足了用户的需求，那么排序的依据可以用一个条件概率来表示：</p><p>P(d|q)</p><p>这个简单的条件概率，将搜索引擎排序算法与概率论这门坚实的学科联系了起来，这就像在大海中航行的船只装备了指南针一样。利用贝叶斯公式，这个条件概率可以表示为：</p><p style="text-align: center"><img alt="" width="195" height="52" src="http://stblog.baidu-tech.com/wp-content/uploads/wp-display-data.php?filename=求医_112961182151302588296.jpeg&amp;type=image%2Fjpeg&amp;width=195&amp;height=52" /></p><p>可以清楚地看到，搜索引擎的排序标准，是由三个部分组成的：查询本身的属性P(q)；网页本身的属性P(d)；两者的匹配关系P(q|d)。对于同一次查询来说，所有网页对应的P(q)都是一样的，因此排序时可以不考虑，即</p><p>&nbsp;</p><p style="text-align: center"><img alt="" width="222" height="38" src="http://stblog.baidu-tech.com/wp-content/uploads/wp-display-data.php?filename=求医_212961182461302588504.jpg&amp;type=image%2Fjpeg&amp;width=222&amp;height=38" /></p><p>公式左边，是已知用户的查询，求网页满足该用户需求的概率。搜索引擎为了提高响应用户查询的性能，需要事先对所有待查询的网页做预处理。预处理时，只知道网页，不知道用户查询，因此需要倒过来计算，即分析每个网页能满足哪些需求，该网页分了多大比例来满足该需求，即得到公式右边的第一项P(q|d)，这相当于上文介绍的医生的专门程度。比如，一个网页专门介绍牙病，另一个网页既介绍牙病又介绍胃病，那么对于&ldquo;牙疼&rdquo;这个查询来说，前一个网页的P(q|d)值就会更高一些。</p><p>公式右边的第二项P(d)，是一个网页满足用户需求的概率，它反映了网页本身的好坏，与查询无关。假如要向一个陌生人推荐网页（我们并不知道他需要什么），那么P(d)就相当于某个特定的网页被推荐的概率。在传统的信息检索模型中，这一个量不太被重视，如传统的向量空间模型、BM25模型，都试图只根据查询与文档的匹配关系来得到排序的权重。而实际上，这个与查询无关的量是非常重要的。假如我们用网页被访问的频次来估计它满足用户需求的概率，可以看出对于两个不同的网页，这个量有着极其巨大的差异：有的网页每天只被访问一两次，而有的网页每天被访问成千上万次。能够提供如此巨大差异的量，竟长期被传统的搜索引擎忽略，直到Google发明了pagerank并让它参与到排序中。Pagerank是对P(d)值的一个不错的估计，这个因素的加入使搜索引擎的效果立即上升到了一个新的台阶。</p><p>这个公式同样回答了上文提出的问题，网页与查询的匹配程度，和网页本身的好坏，这两个因素应该怎样结合起来参与排序。这个公式以不可辩驳的理由告诉我们，如果网页与查询的匹配程度用P(q|d)来表示，网页本身的好坏用P(d)来表示，那么应该按它们的乘积来进行排序。在现代商业搜索引擎中，需要考虑更多更细节的排序因素，这些因素可能有成百上千个，要把它们融合起来是更加复杂和困难的问题。</p><p style="text-align: right"><strong>By 相关性小组 jiangling<br /></strong>&nbsp;</p>]]></description><category>搜索引擎</category><comments>http://www.nthao.com/post/57.html#comment</comments><wfw:comment>http://www.nthao.com/</wfw:comment><wfw:commentRss>http://www.nthao.com/feed.asp?cmt=57</wfw:commentRss><trackback:ping>http://www.nthao.com/cmd.asp?act=tb&amp;id=57&amp;key=89f2c790</trackback:ping></item><item><title>《人生最大的挑战就是战胜自己》</title><author>a@b.com (luofeng)</author><link>http://www.nthao.com/post/53.html</link><pubDate>Thu, 02 Feb 2012 13:03:17 +0800</pubDate><guid>http://www.nthao.com/post/53.html</guid><description><![CDATA[<p>人生最大的挑战就是战胜自己，惟独自己是最难战胜的。<strong>自己把自己说服了，是一种心灵的升华；自已把自已征服了，是一种人生的成熟。大凡征服了自已的人，就有力量征服一切挫折；痛苦和不幸。</strong>人有了信心，就会产生意志力量。人与人之间，弱与强之间，成功与失败之间最大的差异就在于意志力的差异。人一旦有了自信，也就有了力量，就能战胜自身的各种弱点，就能做成在这个世界上能做的任何事情。</p><p>在现实生活中，名誉和地位常常被作为衡量一个人成功与否的标准，所以追求一定的名声、地位和荣誉，已成为普遍的现象。在很多人心目中，只有有了名誉和权力才等于实现了自身的价值。其实，人生的目的，不在于成名、成家与否，而在于面对现实，去努力而为之，去尽情享受生命，去细心体会、体验生活的美好。人生在世，功名利禄只是一些身外之物，只要我们努力地前行，事实地面对我们所拥有或将要拥有的一切，你会发现，能满足一个人的可以很多也可以很少。人生天地间，转瞬来去，就像是偶然登台、仓促下台的匆匆过客。</p><p>人生既然如此短暂，活在世上就要珍惜人生，不要贪图权势，赌、色，自酿苦酒。名誉与权势，皆为身外之物，赌、色也更为害人之物，万万不可一味地去追求及贪享。如果为了争名夺利贪享不择手段，那就无异于害人害己更害家人了。这样的人生有何乐趣呢？何况，争名夺利不但不会使你流芳千古，甚至，会让你身败名裂呢！要想有永远的掌声，就得放弃眼前的虚荣。放弃，并不意味着失去，因为只有放弃才会有另一种获得。其实放弃也是一种选择。走在人生的十字跟口，你必须学会放弃不适合自已的东西；面对失败，你必须学会放弃懦弱；面对成功，你必须学会放弃骄傲；面对弱者，你必须放弃冷漠------只有在困境中放弃沉重的负担，才会拥有必胜的信念。因为只有虚怀若谷，才可能吞云吐雾；只有浩瀚如海，才可能不择江河。</p><p>过去不等于未来，过去你成功了，并不代表未来还会成功；过去你失败了，也不代表未来就要失败。过去的成功或失败，那只代表过去，未来是靠现在决定的。现在干什么，选择什么，就决定了未来是什么！失败了不要气绥，成功了更不要骄傲。成功和失败都不是最终的结果，它只是人生过程的一个事件。因此，这个世界上不会有一直成功的人，也没有永远失败的人。<br />&nbsp;</p>]]></description><category>生活随想</category><comments>http://www.nthao.com/post/53.html#comment</comments><wfw:comment>http://www.nthao.com/</wfw:comment><wfw:commentRss>http://www.nthao.com/feed.asp?cmt=53</wfw:commentRss><trackback:ping>http://www.nthao.com/cmd.asp?act=tb&amp;id=53&amp;key=e3dc69ee</trackback:ping></item><item><title>多个渠道来印证一个页面的价值</title><author>a@b.com (luofeng)</author><link>http://www.nthao.com/post/52.html</link><pubDate>Mon, 30 Jan 2012 14:16:00 +0800</pubDate><guid>http://www.nthao.com/post/52.html</guid><description><![CDATA[<p>一个页面包含内容，内链，以及外链这三个部分，那么如何让搜索认为该页面的权重是真实可信的，就要从多方面来证明它的价值：</p><p>1、内容：自身的内容质量高，符合用户体验，关键词密度等</p><p>2、内链：站内链接的推荐，尤其是相关文章内部页面的链接推荐</p><p>3、外链：这里的外链包含带锚文本外链，裸链，以及分享等多种外部的渠道，如果只是一方面的多，有作弊的嫌疑，那么外链可能会视为无效，如果多方面都成立很有可能说明是真的有价值的页面。</p><p>总结：在排除站内因素的情况下来说说外链，如果一个页面外链的锚文本链接足够多，按理说这个页面应该是受欢迎的，因为外链比较多，但在垃圾链接泛滥的今天，这些链接会不会本身就是假的呢但是裸链和分享几乎是没有的，那么就有可能说明这这些外链是认为操作的，这些外链将会视为无效链接。如果外链多，分享数据也不少，互为印证，外链判断为有效，判断错误的概率将降低。通过多个渠道说来印证这个页面的真实价值。<br />&nbsp;</p>]]></description><category>网络营销</category><comments>http://www.nthao.com/post/52.html#comment</comments><wfw:comment>http://www.nthao.com/</wfw:comment><wfw:commentRss>http://www.nthao.com/feed.asp?cmt=52</wfw:commentRss><trackback:ping>http://www.nthao.com/cmd.asp?act=tb&amp;id=52&amp;key=113906a1</trackback:ping></item><item><title>伪原创工具测试</title><author>a@b.com (luofeng)</author><link>http://www.nthao.com/post/51.html</link><pubDate>Mon, 09 Jan 2012 15:02:55 +0800</pubDate><guid>http://www.nthao.com/post/51.html</guid><description><![CDATA[<p>原文：南京世纪现代不孕不育研究所南京不孕不育医院，专业从事不孕不育的研究与治疗。&nbsp; 首创&ldquo;世纪&middot;现代基因优孕系列疗法&rdquo;成功治愈了近万例不孕不育患者，被誉为神州大地的&ldquo;送子观音&rdquo;。</p><p>伪原创后：南京世纪古代不孕不育研讨所南京不孕不育医院，专业一直事不孕不育的研讨与医治。&nbsp; 首创&ldquo;世纪&middot;古代基因优孕系列疗法&rdquo;成功治愈了近万例不孕不育患者，被誉为神州大地的&ldquo;送子观音&rdquo;。</p><p>总结：工具说的是同义词替换，但是不明白为什么会把&ldquo;现代&rdquo;替换成 &ldquo;古代&rdquo;！而且被替换的内容并不多！</p>]]></description><category>胡说八道</category><comments>http://www.nthao.com/post/51.html#comment</comments><wfw:comment>http://www.nthao.com/</wfw:comment><wfw:commentRss>http://www.nthao.com/feed.asp?cmt=51</wfw:commentRss><trackback:ping>http://www.nthao.com/cmd.asp?act=tb&amp;id=51&amp;key=9e0bcb90</trackback:ping></item><item><title>淘宝客？疑惑.........</title><author>a@b.com (luofeng)</author><link>http://www.nthao.com/post/50.html</link><pubDate>Wed, 04 Jan 2012 10:28:54 +0800</pubDate><guid>http://www.nthao.com/post/50.html</guid><description><![CDATA[<p>最近淘宝客终于有成交了，奇怪的是成交的都是价格很便宜服装？看来大部分用户还是希望少花钱的啊。五天才赚了二十几块钱！<img alt="" src="http://www.nthao.com/image/face/Cry.gif" /></p><p>同事说这个网站用户体验太差，我想也是，起初做的目的是研究测试，就以垃圾站的形式来做了。没想到两个月的时间ip猛增到1600多！</p>]]></description><category>网络营销</category><comments>http://www.nthao.com/post/50.html#comment</comments><wfw:comment>http://www.nthao.com/</wfw:comment><wfw:commentRss>http://www.nthao.com/feed.asp?cmt=50</wfw:commentRss><trackback:ping>http://www.nthao.com/cmd.asp?act=tb&amp;id=50&amp;key=69feb80c</trackback:ping></item><item><title>css禁止文字自动换行(white-space:nowrap;解决标签标签换行问题)</title><author>a@b.com (luofeng)</author><link>http://www.nthao.com/post/49.html</link><pubDate>Tue, 20 Dec 2011 10:19:16 +0800</pubDate><guid>http://www.nthao.com/post/49.html</guid><description><![CDATA[<p><span style="font-size: larger">定义和用法<br />white-space 属性设置如何处理元素内的空白。</span></p><p><span style="font-size: larger">这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。</span></p><p><span style="font-size: larger">默认值： normal<br />继承性： yes<br />版本： CSS1<br />JavaScript 语法： object.style.whiteSpace=&quot;pre&quot;</span></p><p><span style="font-size: larger">实例<br />规定段落中的文本不进行换行：<br />p<br />&nbsp; {<br />&nbsp; white-space: nowrap<br />&nbsp; }<br />TIY</span></p><p><span style="font-size: larger">浏览器支持<br />所有浏览器都支持 white-space 属性。<br />注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 &quot;inherit&quot;。</span></p><p><span style="font-size: larger">可能的值<br />normal 默认。空白会被浏览器忽略。<br />pre 空白会被浏览器保留。其行为方式类似 HTML 中的 &lt;pre&gt; 标签。<br />nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 &lt;br&gt; 标签为止。<br />pre-wrap 保留空白符序列，但是正常地进行换行。<br />pre-line 合并空白符序列，但是保留换行符。<br />inherit 规定应该从父元素继承 white-space 属性的值。<br /></span></p>]]></description><category>技术文档</category><comments>http://www.nthao.com/post/49.html#comment</comments><wfw:comment>http://www.nthao.com/</wfw:comment><wfw:commentRss>http://www.nthao.com/feed.asp?cmt=49</wfw:commentRss><trackback:ping>http://www.nthao.com/cmd.asp?act=tb&amp;id=49&amp;key=18a2d783</trackback:ping></item><item><title>border-collapse的css属性</title><author>a@b.com (luofeng)</author><link>http://www.nthao.com/post/48.html</link><pubDate>Tue, 20 Dec 2011 10:08:04 +0800</pubDate><guid>http://www.nthao.com/post/48.html</guid><description><![CDATA[<p>border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分</p><p>开显示，该属性默认值是： separate</p><p>例如：<br />table<br />&nbsp; {<br />&nbsp;&nbsp;&nbsp; border-collapse:collapse;<br />}</p><p>浏览器支持</p><p>所有主流浏览器都支持 border-collapse 属性。</p><p>注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 &quot;inherit&quot;。</p><p>注释：如果没有规定 !DOCTYPE，则 border-collapse 可能产生意想不到的结果。</p><p>可能的值</p><p>1、separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。<br />&nbsp;<br />2、collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。</p><p>3、inherit 规定应该从父元素继承 border-collapse 属性的值。 任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 &quot;inherit&quot;。</p><p><br />&nbsp;</p>]]></description><category>技术文档</category><comments>http://www.nthao.com/post/48.html#comment</comments><wfw:comment>http://www.nthao.com/</wfw:comment><wfw:commentRss>http://www.nthao.com/feed.asp?cmt=48</wfw:commentRss><trackback:ping>http://www.nthao.com/cmd.asp?act=tb&amp;id=48&amp;key=619c8b2c</trackback:ping></item><item><title>clearfix  div浮动</title><author>a@b.com (luofeng)</author><link>http://www.nthao.com/post/div+css_4551.html</link><pubDate>Mon, 19 Dec 2011 16:21:15 +0800</pubDate><guid>http://www.nthao.com/post/div+css_4551.html</guid><description><![CDATA[<p>关于清除浮动的方法，我最开始喜欢加个空的div然后加上央视clear：both;这样</p><p>后来我用伪类:after进行后续空制的高度为零的伪类层清除</p><p>页码代码如下：</p><p>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<br />&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;<br />&lt;head&gt;<br />&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;<br />&lt;title&gt;清楚浮动&lt;/title&gt;<br />&lt;style&gt;<br />*{padding:0px; margin:0px;}<br />ul{border:3px solid #F00;}<br />ul li{width:50px; height:50px; float:left; background-color:#00F; list-style:none; margin-right:10px;}<br />/*<br />---------------------------------------------</p><p>采用伪类:after进行后续空制的高度位零的伪类层清除<br />---------------------------------------------<br />*/<br />.clearfix_after{zoom:1;}<br />.clearfix_after:after{<br />&nbsp;&nbsp;&nbsp; content:&quot;&quot;;<br />&nbsp;&nbsp;&nbsp; display:block;<br />&nbsp;&nbsp;&nbsp; height:0;<br />&nbsp;&nbsp;&nbsp; line-height:0;<br />&nbsp;&nbsp;&nbsp; clear:both;<br />&nbsp;&nbsp;&nbsp; visibility:hidden;<br />}<br />&lt;/style&gt;<br />&lt;/head&gt;<br />&lt;body&gt;<br />&lt;ul class=&quot;clearfix_after&quot;&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/body&gt;</p><p>--------------------------------------------------------------------------------</p><p>今天看一篇博文，发现其实有很多方法实现清除浮动，各有利弊</p><p>采用伪类:after进行后续空制的高度位零的伪类层清除<br />采用CSS overflow:auto的方式撑高<br />采用CSS overflow:hidden的方式产生怪异适应<br />采用display:table将对象变成table形式<br />采用div标签，以及css的clear属性<br />采用br标签，以及css的clear属性<br />采用br标签，以及其自身HTML的clear属性<br />粗略的看，他们都能将问题解决；然而他们另外一方面又有着各自的利弊。（一一对应）</p><p>优点结构语义化完全正确，不会产生其余的怪异问题。<br />缺点复用方式不当容易造成代码量急剧增大。<br />建议最外层轻浮动时使用，或清晰模块化复用方式的人使用。<br />优点结构语义化完全正确，代码量极少。<br />缺点多个嵌套后，点击最外层的轻浮动框会遭成最外层至最内层内容全选（FF）；或者在mouseover造成宽度改变时会出现最外层模块有滚动条（IE）。<br />建议内个模块使用，请勿嵌套。<br />优点结构语义化完全正确，代码量极少。<br />缺点内容增多时候极易不会自动换行而内容被隐藏掉。<br />建议宽度固定时使用，请勿嵌套。<br />优点结构语义化完全正确，代码量极少。<br />缺点盒模型属性已经改变，可想而知奇异事件自然多得你数都数不到。<br />建议如果你不想改Bug改死你的话，最好不要使用；不过可以作为alpha版本当中临时性的忽悠下测试。<br />优点代码量极少，复用性极高。<br />缺点完全不能完美的适应语义化，不利于改版以及需求变更。<br />建议初学者使用，可以让你快速的解决浮动问题。<br />优点语义化程度比第5种情况要更优；代码量极少，复用性极高。<br />缺点语义化依旧不完美，不利于改版以及需求变更。<br />建议初学者使用，可以让你快速的解决浮动问题。<br />优点语义化程度比第5、6种情况要更优；代码量最少，复用性极高。<br />缺点语义化依旧不完美，不利于改版以及需求变更。<br />建议引导初学者思维升级时使用，让其明白与其用classname来控制一种表现，倒不如回归到WEB1.0的时代的网页直接用html属性来控制表现，毕竟后者的代码量更少。<br />最后，列举完毕。然而我想有必要和大家道歉，关于之前转载鬼的那篇文章；非常后悔的是当初改了鬼的标题将&ldquo;最简单&rdquo;改成了&ldquo;最优&rdquo;，以致于后面误导了很多的同学。所以重新写了一篇给大家分享。</p><p>整理一下：</p><p><br />&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<br />&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;<br />&lt;head&gt;<br />&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;<br />&lt;title&gt;清楚浮动&lt;/title&gt;<br />&lt;style&gt;<br />*{padding:0px; margin:0px;}<br />ul{border:3px solid #396; margin-bottom:10px;}<br />ul li{width:50px; height:50px; float:left; border:1px solid #00F; list-style:none; margin-right:10px;}</p><p>/*<br />---------------------------------------------</p><p>采用伪类:after进行后续空制的高度位零的伪类层清除<br />---------------------------------------------<br />*/<br />.clearfix_after{zoom:1;}<br />.clearfix_after:after{<br />&nbsp;&nbsp;&nbsp; content:&quot;&quot;;<br />&nbsp;&nbsp;&nbsp; display:block;<br />&nbsp;&nbsp;&nbsp; height:0;<br />&nbsp;&nbsp;&nbsp; line-height:0;<br />&nbsp;&nbsp;&nbsp; clear:both;<br />&nbsp;&nbsp;&nbsp; visibility:hidden;<br />}</p><p>/*<br />---------------------------------------------</p><p>采用CSS overflow:auto的方式撑高'<br />缺点多个嵌套后，点击最外层的轻浮动框会遭成最外层至最内层内容全选（FF）；或者在mouseover造成宽度改变时会出现最外层模块有滚动条（IE）。<br />建议内个模块使用，请勿嵌套。<br />---------------------------------------------<br />*/<br />.clearfix_overflowauto{<br />&nbsp;&nbsp;&nbsp; overflow:auto;<br />&nbsp;&nbsp;&nbsp; zoom:1;<br />}</p><p><br />/*<br />---------------------------------------------</p><p>采用CSS overflow:hidden的方式产生怪异适应<br />缺点内容增多时候极易不会自动换行而内容被隐藏掉。<br />建议宽度固定时使用，请勿嵌套。<br />---------------------------------------------<br />*/<br />.clearfix_overflowhidden{<br />&nbsp;&nbsp;&nbsp; overflow:hidden;<br />&nbsp;&nbsp;&nbsp; zoom:1;<br />}</p><p>/*<br />---------------------------------------------</p><p>采用display:table将对象变成table形式应<br />缺点盒模型属性已经改变，可想而知奇异事件自然多得你数都数不到。<br />建议如果你不想改Bug改死你的话，最好不要使用；不过可以作为alpha版本当中临时性的忽悠下测试。<br />---------------------------------------------<br />*/<br />.clearfix_table{<br />&nbsp;&nbsp;&nbsp; display:table;<br />&nbsp;&nbsp;&nbsp; zoom:1;&nbsp;&nbsp;&nbsp; <br />}<br />/*采用div标签，以及css的clear属性*/<br />.clearfix_divclear .clear{clear:both;}<br />/*采用br标签，以及css的clear属性*/<br />.clearfix_brclear br.clear{clear:both;}<br />&lt;/style&gt;<br />&lt;/head&gt;<br />&lt;body&gt;<br />&lt;ul class=&quot;clearfix_after&quot;&gt;<br />&nbsp;&nbsp;&nbsp; clearfix_after<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&lt;/ul&gt;</p><p>&lt;ul class=&quot;clearfix_overflowauto&quot;&gt;<br />&nbsp;&nbsp;&nbsp; clearfix_overflowauto<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;ul class=&quot;clearfix_overflowhidden&quot;&gt;<br />&nbsp;&nbsp;&nbsp; clearfix_overflowhidden<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;ul class=&quot;clearfix_table&quot;&gt;<br />&nbsp;&nbsp;&nbsp; clearfix_table<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;ul class=&quot;clearfix_divclear&quot;&gt;<br />&nbsp;&nbsp;&nbsp; clearfix_divclear<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;<br />&lt;/ul&gt;<br />&lt;ul class=&quot;clearfix_brclear&quot;&gt;<br />&nbsp;&nbsp;&nbsp; clearfix_brclear<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp; &lt;br&nbsp; class=&quot;clear&quot;/&gt;<br />&lt;/ul&gt;<br />&lt;ul class=&quot;clearfix_brclear2&quot;&gt;<br />&nbsp;&nbsp;&nbsp; clearfix_brclear2<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp; &lt;br clear=&quot;all&quot;/&gt;&lt;!--采用br标签，以及其自身HTML的clear属性--&gt;<br />&lt;/ul&gt;<br />&lt;ul&gt;<br />&nbsp;&nbsp;&nbsp; normal<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;</p><p>&nbsp;</p><p>&nbsp;</p>]]></description><category>技术文档</category><comments>http://www.nthao.com/post/div+css_4551.html#comment</comments><wfw:comment>http://www.nthao.com/</wfw:comment><wfw:commentRss>http://www.nthao.com/feed.asp?cmt=47</wfw:commentRss><trackback:ping>http://www.nthao.com/cmd.asp?act=tb&amp;id=47&amp;key=bd8b3833</trackback:ping></item></channel></rss>

