基于XHTML标准的DIV+CSS布局对于SEO的影响

来源:网络作者:佚名阅读: 字体:[大中小] [打印] [关闭]

自定义标签 wzsp 未创建

内容提要：前两天发完《SEO参考：DIV+CSS三行两列经典布局》一文，不少朋友在MSN上问我，使用XHTML标准的DIV+CSS布局对于SEO到底有什么作用。这两天简单总结了一下，写出来供参考。　　XHTML技术问题请参考相关网站研究，下面 ……

看效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>TAO BAO TEST 2</title><style>/* www.zishu.cn 子鼠*/body{ font-size:12px; text-align:center;  margin-top:30px; font-family:Verdana;}div,img{margin:0; padding:0; border:0;}ul,li{list-style-type: none; margin:0; padding:0; float:left; }#info{ margin-left:auto; margin-right:auto;width:760px; text-align:left;}#new{ margin-top:-12px;position: absolute;margin-left:-12px;}#nav{ height:30px; width:610px; margin-left:auto; margin-right:auto;}#nav li{margin-left:1px; height:30px;}#nav li a{ display:block;float:left; text-decoration:none; background-image: url(http://www.zishu.cn/attachments/month_0605/r200652134132.gif);background-repeat: no-repeat; display:block; background-position:left top;}#nav a span{cursor:hand; color:#000;background-image: url(http://www.zishu.cn/attachments/month_0605/v200652134115.gif);background-repeat: no-repeat; display:block;background-position: right top; padding:7px 10px 6px 10px; float:left; }#nav li a:active,#nav li a:hover {margin-top:0px; }#nav li  a:active span,#nav li a:hover span {padding:10px 10px 6px 10px; margin-top:0px; display:block; color:#FFF;}#zishu01 a:link,#zishu01 a:visited {background-position: 0px -27px;}#zishu01 a:link span,#zishu01 a:visited span{background-position:right -27px;padding:10px 10px 6px 10px; margin-top:0; color:#FFF; font-weight:bold;}#zishu02 a,#zishu03 a,#zishu04 a,#zishu05 a,#zishu06 a,#zishu07 a,#zishu08 a,#zishu09 a,#zishu10 a,#zishu11 a{margin-top:3px;}#zishu02 a:active,#zishu02 a:hover {background-position: 0px -57px;}#zishu02 a:active span,#zishu02 a:hover span{background-position:right -57px;}#zishu03 a:active,#zishu03 a:hover {background-position: 0px -87px;}#zishu03 a:active span,#zishu03 a:hover span{background-po
<CENTER></CENTER></DIV>
<DIV class=author><script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></DIV>							<a href="/wangyezhizuo/HTMLCSS/1872_1.html">上一页</a><a href="/wangyezhizuo/HTMLCSS/1872.html">1</a><a href="/wangyezhizuo/HTMLCSS/1872_1.html">2</a><a href="/wangyezhizuo/HTMLCSS/1872_2.html" class="current">3</a><a href="/wangyezhizuo/HTMLCSS/1872_3.html">4</a><a href="/wangyezhizuo/HTMLCSS/1872_4.html">5</a><a href="/wangyezhizuo/HTMLCSS/1872_3.html">下一页</a><div style="clear:both;"></div>

<DIV class=clear></DIV><span>[<a>标签:</a> <a href='/plus/search/index.asp?keyword=%E5%9F%BA%E4%BA%8EXHTML%E6%A0%87%E5%87%86%E7%9A%84DIV%2BCSS%E5%B8%83%E5%B1%80%E5%AF%B9%E4%BA%8ESEO%E7%9A%84%E5%BD%B1%E5%93%8D'>基于XHTML标准的DIV+CSS布局对于SEO的影响</a>, <a href='/plus/search/index.asp?keyword='></a>]</span> <span>[<a href="#" onclick="window.print();">打印</a>]</span> <span>[<a href="#" onclick="window.close();">关闭</a>]</span></DIV>
<DIV class=diggdiv>
<DIV class=diggbox id="digg1872">
<DIV class=diggnum><script language="javascript" src="/plus/digg/js.asp?id=1872&def=0"></script></DIV>
<DIV class=digglink><a href="javascript:Digg('digg',1872);">顶一下</A></DIV></DIV>
<DIV class=prevnext>上一篇：<a href='/wangyezhizuo/HTMLCSS/'>[HTML/CSS]</a><br />下一篇：<a href='/wangyezhizuo/HTMLCSS/WebEditor-wangyezhizuoxinke.html'>WebEditor网页制作新客</a></DIV></DIV>

<DIV class=space></DIV></DIV>
<DIV id=feedback><SPAN class=feednums>站长评论(0)</SPAN> <A 
href="/plus/comment/index.asp?id=1872" 
target=_blank>查看所有评论</A> 
<DIV class=intel></DIV>
<DIV id=gbook><script language="JavaScript" type="text/javascript" src="/plus/comment/js.asp?id=1872"></script></DIV></DIV></DIV>
<DIV class=thead>相关新闻</DIV>
<DIV class="tbody normal">

<DIV class=itembox>
<DIV class=box1><SPAN class=date>09-09-21</SPAN><A 
href="/QQ-resource/QQ-skill-anquan/jiaoninruhexunsudedianliang-Q-batubiao.html " 
target=_blank>教您如何迅速的点亮Q吧图标</A></DIV></DIV>

<DIV class=itembox>
<DIV class=box1><SPAN class=date>09-09-16</SPAN><A 
href="/PHP/freesharehost-tigong-10G-keyibangding-domain-de-free-php-space.html " 
target=_blank>freesharehost提供10G可以绑定域名的免费php空间</A></DIV></DIV>

<DIV class=itembox>
<DIV class=box1><SPAN class=date>09-09-16</SPAN><A 
href="/free-space/other-space/ProHosting-tigong-100M-rongliangkebangmi-free-jingtai-space.html " 
target=_blank>ProHosting提供100M容量可绑米免费静态空间</A></DIV></DIV>

<DIV class=itembox>
<DIV class=box1><SPAN class=date>09-09-07</SPAN><A 
href="/free-movie/chounvwudidisanji.html " 
target=_blank>丑女无敌第三季</A></DIV></DIV>

<DIV class=itembox>
<DIV class=box1><SPAN class=date>09-09-07</SPAN><A 
href="/PHP/v7host-tigong-5G-free-PHP-space-shenqing.html " 
target=_blank>v7host提供5G免费PHP空间申请</A></DIV></DIV>

<DIV class=itembox>
<DIV class=box1><SPAN class=date>09-09-05</SPAN><A 
href="/computer-jishu/XP-system-xunineicunbuzu-yuanyinzongjie.html " 
target=_blank>XP系统“虚拟内存不足”原因总结</A></DIV></DIV>

<DIV class=clear></DIV></DIV></DIV>
<DIV class=rank-list>
<script src=http://busjs.vodone.cn/bus/ownerjs/advjs_45/45237/45237_53741_p7_.js></script>
<DIV class=title-b><script type="text/javascript">
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<script type="text/javascript">
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></DIV>
<DIV class=title-b>
<H3>热门新闻</H3></DIV>
<DIV class=list-b>
<UL class="list eiss date">
  
  <LI>08-12-24 <A href="/zhucema/kabasiji-70-register-ma.html" title="卡巴斯基7.0注册码" 
  target=_blank><font color="#FF0000">卡巴斯基7.0注册码</font></A></LI>
  
  <LI>08-12-21 <A href="/zhucema/2008-mumaqingdaofu-register-ma.html" title="2008木马清道夫注册码" 
  target=_blank>2008木马清道夫注册码</A></LI>
  
  <LI>08-12-21 <A href="/zhucema/FlashFXP36-register-ma.html" title="FlashFXP3.6注册码" 
  target=_blank><font color="#FF0000">FlashFXP3.6注册码</font></A></LI>
  
  <LI>09-01-09 <A href="/zhucema/kabasiji-70-shouquan-key-wenjian.html" title="卡巴斯基7.0授权key文件" 
  target=_blank>卡巴斯基7.0授权key文件</A></LI>
  
  <LI>08-12-21 <A href="/free-quanneng-space/9544-tigong-1G-free-quanneng-space.html" title="9544提供1G免费全能空间" 
  target=_blank><strong>9544提供1G免费全能空间</strong></A></LI>
  
  <LI>08-12-26 <A href="/zhucema/AVIMPEGRMWMV-Splitter-v426-register-ma.html" title="AVI/MPEG/RM/WMV Splitter v4.26 注册码" 
  target=_blank>AVI/MPEG/RM/WMV Splitter v4.26 注册码</A></LI>
  
  <LI>08-12-21 <A href="/QQ-resource/QQ-skill-anquan/QQ-haokelonghaoyou.html" title="QQ号克隆好友" 
  target=_blank>QQ号克隆好友</A></LI>
  
  <LI>08-12-24 <A href="/zhucema/FIFA2008-xuliehao.html" title="FIFA2008序列号" 
  target=_blank>FIFA2008序列号</A></LI>
  
  <LI>09-02-11 <A href="/asp/free-tigong-300M-quannengxing-space.html" title="免费提供300M全能型空间" 
  target=_blank><font color="#FF0000"><strong>免费提供300M全能型空间</strong></font></A></LI>
  
  <LI>08-12-24 <A href="/zhucema/Windows-xuliehao-register-ma.html" title="Windows序列号/注册码" 
  target=_blank>Windows序列号/注册码</A></LI>
  </UL></DIV>
<script type="text/javascript">
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<DIV class=title-b>
<H3>推荐新闻</H3></DIV>
<DIV class=list-b>
<UL class="list eiss date">
  
  <LI>09-08-25 <A href="/free-movie/yewen.html" title="叶问" 
  target=_blank><font color="#FF0000">叶问</font></A></LI>
  
  <LI>09-08-25 <A href="/free-movie/shaoniansidamingbu-yueyuban.html" title="少年四大名捕 粤语版" 
  target=_blank>少年四大名捕 粤语版</A></LI>
  
  <LI>09-08-19 <A href="/wangyefanhei/network-anquanjiancesilu.html" title="网络安全检测思路" 
  target=_blank>网络安全检测思路</A></LI>
  
  <LI>09-08-13 <A href="/jianzhanxinde/optimize-website-xingnengtigao-website-fangwensudude-skill.html" title="优化网站性能提高网站访问速度的技巧" 
  target=_blank>优化网站性能提高网站访问速度的技巧</A></LI>
  
  <LI>09-08-12 <A href="/PHP/zhongdianhuatongquan-free-zhujitaocan.html" title="中电华通全免费主机套餐" 
  target=_blank><font color="#FF0000">中电华通全免费主机套餐</font></A></LI>
  
  <LI>09-02-11 <A href="/asp/free-tigong-300M-quannengxing-space.html" title="免费提供300M全能型空间" 
  target=_blank><font color="#FF0000"><strong>免费提供300M全能型空间</strong></font></A></LI>
  
  <LI>09-01-21 <A href="/free-movie/zhuguangbaoqi-free-zaixianguankan.html" title="珠光宝气 免费在线观看" 
  target=_blank><font color="#339966">珠光宝气 免费在线观看</font></A></LI>
  
  <LI>09-01-21 <A href="/zhucema/jinshanduba-2009-xuliehao.html" title="金山毒霸2009序列号" 
  target=_blank><font color="#FF0000">金山毒霸2009序列号</font></A></LI>
  
  <LI>09-01-09 <A href="/zhucema/kabasiji-70-shouquan-key-wenjian.html" title="卡巴斯基7.0授权key文件" 
  target=_blank>卡巴斯基7.0授权key文件</A></LI>
  
  <LI>09-01-09 <A href="/free-movie/qiangjianxianjing.html" title="强奸陷阱" 
  target=_blank><font color="#FF0000">强奸陷阱</font></A></LI>
  </UL><script type="text/JavaScript"> 
alimama_pid="mm_10681565_728575_1987463"; 
alimama_titlecolor="030000"; 
alimama_descolor ="000000"; 
alimama_bgcolor="FFFFFF"; 
alimama_bordercolor="FFFFFF"; 
alimama_linkcolor="030000"; 
alimama_bottomcolor="FFFFFF"; 
alimama_anglesize="0"; 
alimama_bgpic="0"; 
alimama_icon="1"; 
alimama_sizecode="13"; 
alimama_width=250; 
alimama_height=60; 
alimama_type=2; 
</script> 
<script src="http://a.alimama.cn/inf.js" type=text/javascript> 
</script></DIV>

</DIV>
</DIV>
<DIV id=footer>
<a href=http://www.mfzy.com.cn/ title=免费资源 target=_blank>免费资源</a> © 2007-2009 Powered By  Desgin By linnew QQ群:6540833 <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1278547238'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/stat.php%3Fid%3D1278547238%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
</DIV>
<SCRIPT type=text/javascript>admin5.init()</SCRIPT>
<script type="text/javascript">
// 图片大小控制
function ReImgSize(){
	var obj =document.getElementById("content").getElementsByTagName("img");
	if(!obj) obj = document.images;
	for (i=0; i<obj.length; i++){
		if (obj){
			if (obj[i].width>700){
				obj[i].width = 700;
				obj[i].style.width = 700;
				obj[i].title = "在新窗口打开图片!";
				obj[i].style.cursor = "pointer";
				obj[i].border = 0;
				obj[i].onclick = function(e){window.open(this.src);}
			}
		}
	}
}
ReImgSize()
</script>
<script language="javascript" src="/images/lang.js"></script>
</BODY></HTML>