<?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>xiaofeng&#039;s blog &#187; div+css</title>
	<atom:link href="http://shenxf.com/tag/div-css/feed" rel="self" type="application/rss+xml" />
	<link>http://shenxf.com</link>
	<description>&#60;seo&#62;......&#60;/seo&#62;</description>
	<lastBuildDate>Wed, 14 Dec 2011 18:37:21 +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和table的加载速度对SEO的影响</title>
		<link>http://shenxf.com/2010-05/div-css-table-seo.html</link>
		<comments>http://shenxf.com/2010-05/div-css-table-seo.html#comments</comments>
		<pubDate>Mon, 31 May 2010 23:39:48 +0000</pubDate>
		<dc:creator>小锋</dc:creator>
				<category><![CDATA[seo]]></category>
		<category><![CDATA[div+css]]></category>
		<category><![CDATA[table]]></category>

		<guid isPermaLink="false">http://shenxf.com/?p=219</guid>
		<description><![CDATA[<p>记得我之前在<a href="http://shenxf.com/2010-03/div-css-ascendancy.html">div+css布局比table布局的优势</a>一文中, 谈到了从SEO角度来讲，蜘蛛对于div+css布局的站，抓取的效率要高于table布局的站。当时是在一个非SEO群里讨论了这个问题，因为有些时候也是秀才遇到兵。</p>
<p>无意之中又看到惰惰在博客中提到了此问题，其中提到了tale布局的页面打开原理：</p>
<blockquote><p>一般table布局的页面是大表格套中表格，中表格嵌套小表格，小表格再套小小表格。一般第一个表格（最外边的）要读取完才能显示出来，读取大表格的同时又要读取大表格中的小表格，大大加长了网页打开速度。</p></blockquote>
<p>于是想再深入弄清下这个问题，看了一些文章才发现，原来点石早在2006年就提到了这个问题，点石通过实验得出结论是，蜘蛛在抓取table时，对于多层的table嵌套时甚至会跳过甚至会跳出页面。（ps:06年我还没有进入SEO界，后来也没有通读点石的文章，点石原文:<a href="http://www.dunsh.org/2006/12/14/xht......<a href='http://shenxf.com/2010-05/div-css-table-seo.html' rel="nofollow">查看<?php the_title(); ?>全文</a></p>阅读了本文的人还看了:SEO只是改标题，堆关键字，加外链？ 黑帽SEO精典案例-关键词堆砌2 百度SEO优化指南v1.0 Google承认会手动调整搜索排名 百度贴吧之站长俱乐部-百度跟站长的对话开始了


阅读了本文的人还看了:<ol><li><a href='http://shenxf.com/2010-07/what-is-important-about-seo.html' rel='bookmark' title='SEO只是改标题，堆关键字，加外链？'>SEO只是改标题，堆关键字，加外链？</a></li>
<li><a href='http://shenxf.com/2010-10/blackhat-seo-example-2.html' rel='bookmark' title='黑帽SEO精典案例-关键词堆砌2'>黑帽SEO精典案例-关键词堆砌2</a></li>
<li><a href='http://shenxf.com/2010-08/baidu-seo-manual-v1-0.html' rel='bookmark' title='百度SEO优化指南v1.0'>百度SEO优化指南v1.0</a></li>
<li><a href='http://shenxf.com/2010-07/google-change-index-rank.html' rel='bookmark' title='Google承认会手动调整搜索排名'>Google承认会手动调整搜索排名</a></li>
<li><a href='http://shenxf.com/2010-04/baidu-tieba-talk-to-website-admin.html' rel='bookmark' title='百度贴吧之站长俱乐部-百度跟站长的对话开始了'>百度贴吧之站长俱乐部-百度跟站长的对话开始了</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>记得我之前在<a href="http://shenxf.com/2010-03/div-css-ascendancy.html">div+css布局比table布局的优势</a>一文中, 谈到了从SEO角度来讲，蜘蛛对于div+css布局的站，抓取的效率要高于table布局的站。当时是在一个非SEO群里讨论了这个问题，因为有些时候也是秀才遇到兵。</p>
<p>无意之中又看到惰惰在博客中提到了此问题，其中提到了tale布局的页面打开原理：</p>
<blockquote><p>一般table布局的页面是大表格套中表格，中表格嵌套小表格，小表格再套小小表格。一般第一个表格（最外边的）要读取完才能显示出来，读取大表格的同时又要读取大表格中的小表格，大大加长了网页打开速度。</p></blockquote>
<p>于是想再深入弄清下这个问题，看了一些文章才发现，原来点石早在2006年就提到了这个问题，点石通过实验得出结论是，蜘蛛在抓取table时，对于多层的table嵌套时甚至会跳过甚至会跳出页面。（ps:06年我还没有进入SEO界，后来也没有通读点石的文章，点石原文:<a href="http://www.dunsh.org/2006/12/14/xht......<a href='http://shenxf.com/2010-05/div-css-table-seo.html' rel="nofollow">查看<?php the_title(); ?>全文</a></p>

<p>阅读了本文的人还看了:<ol><li><a href='http://shenxf.com/2010-07/what-is-important-about-seo.html' rel='bookmark' title='SEO只是改标题，堆关键字，加外链？'>SEO只是改标题，堆关键字，加外链？</a></li>
<li><a href='http://shenxf.com/2010-10/blackhat-seo-example-2.html' rel='bookmark' title='黑帽SEO精典案例-关键词堆砌2'>黑帽SEO精典案例-关键词堆砌2</a></li>
<li><a href='http://shenxf.com/2010-08/baidu-seo-manual-v1-0.html' rel='bookmark' title='百度SEO优化指南v1.0'>百度SEO优化指南v1.0</a></li>
<li><a href='http://shenxf.com/2010-07/google-change-index-rank.html' rel='bookmark' title='Google承认会手动调整搜索排名'>Google承认会手动调整搜索排名</a></li>
<li><a href='http://shenxf.com/2010-04/baidu-tieba-talk-to-website-admin.html' rel='bookmark' title='百度贴吧之站长俱乐部-百度跟站长的对话开始了'>百度贴吧之站长俱乐部-百度跟站长的对话开始了</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://shenxf.com/2010-05/div-css-table-seo.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>div+css布局比table布局的优势</title>
		<link>http://shenxf.com/2010-03/div-css-ascendancy.html</link>
		<comments>http://shenxf.com/2010-03/div-css-ascendancy.html#comments</comments>
		<pubDate>Fri, 19 Mar 2010 16:40:31 +0000</pubDate>
		<dc:creator>小锋</dc:creator>
				<category><![CDATA[div+css]]></category>
		<category><![CDATA[网站建设]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://shenxf.com/?p=71</guid>
		<description><![CDATA[<p>有不少网友问这样的一个问题：div+css布局跟table布局有什么区别？div+css有什么优势？</p>
<p>因为在他们看来，用table布局，很方便，在DW里面几个表格，填充一些元素，一个页面很快就出来了，开发周期短，而用div+css，css要自己写，还得兼容IE6，IE7，IE8，FF等等（这里又不得不提下这万恶的IE了，唉&#8230;没办法，谁让人家用户量大），所以特别对于新后来讲，可能又加大了难度。</p>
<p><strong>从页面结构来讲</strong></p>
<p>实现一个表象，可以有多种方式，我在<a href="http://shenxf.com/2010-03/table-div-xhtml.html">table、div、xhtml建站的区别</a>一文中有举例，实现一个简单的表象就可以有多种方式，那么，实现一个复杂的页面，就更不用说了吧，如果用table来做，势必会增加table的嵌套数量，而table嵌套数量不建议过多，一般不超过三层为好。另外，用table来布局，页面的代码量一定会增加不少。</p>
<p>用CSS中所写的样式，可共用，减少了代码的写作量，页面的样式，单独定义在一个css文件再......<a href='http://shenxf.com/2010-03/div-css-ascendancy.html' rel="nofollow">查看<?php the_title(); ?>全文</a></p>阅读了本文的人还看了:蜘蛛每次在一个网站停留不会超过五秒？ table、DIV、XHTML建站的区别 div+css和table的加载速度对SEO的影响 黑帽SEO精典案例-关键词堆砌2 百度SEO优化指南v1.0


阅读了本文的人还看了:<ol><li><a href='http://shenxf.com/2010-10/spider-stay-on-your-site-only-5-seconds.html' rel='bookmark' title='蜘蛛每次在一个网站停留不会超过五秒？'>蜘蛛每次在一个网站停留不会超过五秒？</a></li>
<li><a href='http://shenxf.com/2010-03/table-div-xhtml.html' rel='bookmark' title='table、DIV、XHTML建站的区别'>table、DIV、XHTML建站的区别</a></li>
<li><a href='http://shenxf.com/2010-05/div-css-table-seo.html' rel='bookmark' title='div+css和table的加载速度对SEO的影响'>div+css和table的加载速度对SEO的影响</a></li>
<li><a href='http://shenxf.com/2010-10/blackhat-seo-example-2.html' rel='bookmark' title='黑帽SEO精典案例-关键词堆砌2'>黑帽SEO精典案例-关键词堆砌2</a></li>
<li><a href='http://shenxf.com/2010-08/baidu-seo-manual-v1-0.html' rel='bookmark' title='百度SEO优化指南v1.0'>百度SEO优化指南v1.0</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>有不少网友问这样的一个问题：div+css布局跟table布局有什么区别？div+css有什么优势？</p>
<p>因为在他们看来，用table布局，很方便，在DW里面几个表格，填充一些元素，一个页面很快就出来了，开发周期短，而用div+css，css要自己写，还得兼容IE6，IE7，IE8，FF等等（这里又不得不提下这万恶的IE了，唉&#8230;没办法，谁让人家用户量大），所以特别对于新后来讲，可能又加大了难度。</p>
<p><strong>从页面结构来讲</strong></p>
<p>实现一个表象，可以有多种方式，我在<a href="http://shenxf.com/2010-03/table-div-xhtml.html">table、div、xhtml建站的区别</a>一文中有举例，实现一个简单的表象就可以有多种方式，那么，实现一个复杂的页面，就更不用说了吧，如果用table来做，势必会增加table的嵌套数量，而table嵌套数量不建议过多，一般不超过三层为好。另外，用table来布局，页面的代码量一定会增加不少。</p>
<p>用CSS中所写的样式，可共用，减少了代码的写作量，页面的样式，单独定义在一个css文件再......<a href='http://shenxf.com/2010-03/div-css-ascendancy.html' rel="nofollow">查看<?php the_title(); ?>全文</a></p>

<p>阅读了本文的人还看了:<ol><li><a href='http://shenxf.com/2010-10/spider-stay-on-your-site-only-5-seconds.html' rel='bookmark' title='蜘蛛每次在一个网站停留不会超过五秒？'>蜘蛛每次在一个网站停留不会超过五秒？</a></li>
<li><a href='http://shenxf.com/2010-03/table-div-xhtml.html' rel='bookmark' title='table、DIV、XHTML建站的区别'>table、DIV、XHTML建站的区别</a></li>
<li><a href='http://shenxf.com/2010-05/div-css-table-seo.html' rel='bookmark' title='div+css和table的加载速度对SEO的影响'>div+css和table的加载速度对SEO的影响</a></li>
<li><a href='http://shenxf.com/2010-10/blackhat-seo-example-2.html' rel='bookmark' title='黑帽SEO精典案例-关键词堆砌2'>黑帽SEO精典案例-关键词堆砌2</a></li>
<li><a href='http://shenxf.com/2010-08/baidu-seo-manual-v1-0.html' rel='bookmark' title='百度SEO优化指南v1.0'>百度SEO优化指南v1.0</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://shenxf.com/2010-03/div-css-ascendancy.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>table、DIV、XHTML建站的区别</title>
		<link>http://shenxf.com/2010-03/table-div-xhtml.html</link>
		<comments>http://shenxf.com/2010-03/table-div-xhtml.html#comments</comments>
		<pubDate>Wed, 17 Mar 2010 08:27:57 +0000</pubDate>
		<dc:creator>小锋</dc:creator>
				<category><![CDATA[div+css]]></category>
		<category><![CDATA[网站建设]]></category>

		<guid isPermaLink="false">http://shenxf.com/?p=68</guid>
		<description><![CDATA[<p>table、DIV、XHTML建站的区别，其实这也是国内网站建设逐步走向成熟的标志。网站建设，简单的来说，就是“这个人长的怎么样”和“这个人内心怎么样”。一部分是外观所展示出来的“视觉效果”、另一部分是藏在里面的“代码元素”。</p>
<p>我们先来举一个简单的例子，用这3种不同的代码风格，实现同一个页面效果：</p>
<p><a href="http://uicss.cn/wp-content/uploads/example.gif" class="highslide-image" onclick="return hs.expand(this);" target="_blank"></a><a href="http://shenxf.com/wp-content/uploads/2010/03/example.gif" class="highslide-image" onclick="return hs.expand(this);"><img class="aligncenter size-full wp-image-69" title="div-talbe-example" src="http://shenxf.com/wp-content/uploads/2010/03/example.gif" alt="" width="246" height="173" /></a></p>
<p><strong>1.首先是用table来写，需要8行代码：</strong></p>
<div>
<ol title="Double click to hide line number."......<a href='http://shenxf.com/2010-03/table-div-xhtml.html' rel="nofollow">查看<?php the_title(); ?>全文</a></p>阅读了本文的人还看了:从excel导入数据到mysql时间问题 div+css布局比table布局的优势 WMAP中在MySQL添加或修改记录时自动更新时间戳 Google企业邮箱无法收邮件的解决方法 用section处理关联数组


阅读了本文的人还看了:<ol><li><a href='http://shenxf.com/2011-09/from-excel-to-mysql.html' rel='bookmark' title='从excel导入数据到mysql时间问题'>从excel导入数据到mysql时间问题</a></li>
<li><a href='http://shenxf.com/2010-03/div-css-ascendancy.html' rel='bookmark' title='div+css布局比table布局的优势'>div+css布局比table布局的优势</a></li>
<li><a href='http://shenxf.com/2011-09/mysql-add-or-update-refresh-the-timestamp.html' rel='bookmark' title='WMAP中在MySQL添加或修改记录时自动更新时间戳'>WMAP中在MySQL添加或修改记录时自动更新时间戳</a></li>
<li><a href='http://shenxf.com/2011-04/google-app-could-not-receive-email.html' rel='bookmark' title='Google企业邮箱无法收邮件的解决方法'>Google企业邮箱无法收邮件的解决方法</a></li>
<li><a href='http://shenxf.com/2010-11/php-section-example.html' rel='bookmark' title='用section处理关联数组'>用section处理关联数组</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>table、DIV、XHTML建站的区别，其实这也是国内网站建设逐步走向成熟的标志。网站建设，简单的来说，就是“这个人长的怎么样”和“这个人内心怎么样”。一部分是外观所展示出来的“视觉效果”、另一部分是藏在里面的“代码元素”。</p>
<p>我们先来举一个简单的例子，用这3种不同的代码风格，实现同一个页面效果：</p>
<p><a href="http://uicss.cn/wp-content/uploads/example.gif" class="highslide-image" onclick="return hs.expand(this);" target="_blank"></a><a href="http://shenxf.com/wp-content/uploads/2010/03/example.gif" class="highslide-image" onclick="return hs.expand(this);"><img class="aligncenter size-full wp-image-69" title="div-talbe-example" src="http://shenxf.com/wp-content/uploads/2010/03/example.gif" alt="" width="246" height="173" /></a></p>
<p><strong>1.首先是用table来写，需要8行代码：</strong></p>
<div>
<ol title="Double click to hide line number."......<a href='http://shenxf.com/2010-03/table-div-xhtml.html' rel="nofollow">查看<?php the_title(); ?>全文</a></p>

<p>阅读了本文的人还看了:<ol><li><a href='http://shenxf.com/2011-09/from-excel-to-mysql.html' rel='bookmark' title='从excel导入数据到mysql时间问题'>从excel导入数据到mysql时间问题</a></li>
<li><a href='http://shenxf.com/2010-03/div-css-ascendancy.html' rel='bookmark' title='div+css布局比table布局的优势'>div+css布局比table布局的优势</a></li>
<li><a href='http://shenxf.com/2011-09/mysql-add-or-update-refresh-the-timestamp.html' rel='bookmark' title='WMAP中在MySQL添加或修改记录时自动更新时间戳'>WMAP中在MySQL添加或修改记录时自动更新时间戳</a></li>
<li><a href='http://shenxf.com/2011-04/google-app-could-not-receive-email.html' rel='bookmark' title='Google企业邮箱无法收邮件的解决方法'>Google企业邮箱无法收邮件的解决方法</a></li>
<li><a href='http://shenxf.com/2010-11/php-section-example.html' rel='bookmark' title='用section处理关联数组'>用section处理关联数组</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://shenxf.com/2010-03/table-div-xhtml.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

