• <cite id="kryke"></cite>
      1. <rt id="kryke"></rt>

          愛情故事情感網

          www.sh61554342.com

          注冊 / 登錄

          感人文章

          愛情故事

          情感文章

          傷感日志

          網絡日記

          12星座

          好文章

          家常菜

          許愿祝福

          熱門搜索

          當前位置: 愛情故事情感網 -> 妙招大全 -> 經典DIV+CSS代碼 經典的三行兩列DIV+CSS代碼布局

          經典DIV+CSS代碼 經典的三行兩列DIV+CSS代碼布局

          訪問數:1314次 作者小鮑 發表日期:2011-07-16 13:02:18

          <html>
           <head>
           <metahttp-equiv=Content-Type content=""text/html; charset=gb2312"">
           <title>經典DIV+CSS代碼 經典的三行兩列DIV+CSS代碼布局 - www.0cn.cn</title>
           <style type=""text/css"">
           body {
           background: #999;
           text-align: center;
           color:#333;
           font-family:Verdana,Arial, Helvetica, sans-serif;
           }
           a:link,visited {color:#004592;text-decoration:none;}
           a:hover {color:#004592;text-decoration:underline;}
           a:active {color:#004592;text-decoration:none;}
           img {border:0px;}
           #header {
           margin-right: auto;
           margin-left: auto;
           padding: 0px;
           width: 980px;
           background: #EEE;
           height: 200px;
           text-align: left;
           }
           #contain {
           margin-left: auto;
           margin-right: auto;
           width: 776px;
           }
           #mainbg {
           float: left;
           padding: 0px;
           width: 980px;
           background: #60A179;
           }
           #right {
           float:right;
           margin: 0px0px 0px0px;
           padding: 0px;
           width: 728px;
           background: #ccd2de;
           text-align:left;
           }
           #left {
           float: left;
           margin: 0px 0px0px0px;
           padding: 0px;
           background: #F2F3F7;
           width: 248px;
           height: 100px;
           text-align:left;
           }
           #footer {
           clear:both;
           margin-right: auto;
           margin-left: auto;
           padding: 0px;
           width: 980px;
           background: #EEE;
           height: 100px;
           }
           .text {margin:0px;padding:20px;}
           </style>
           </head>
           <body>
           <div id=""header"">header</div>
           <div id=""contain"">
           <div id=""mainbg"">
           <div id=""right"">
           <div class=""text"">text<p>段落</p><p>段落</p><p>段落</p><p>段落</p><p>段落</p></div>
           </div>
           <div id=""left"">
           <div class=""text"">left</div>
           </div>
           </div>
           </div>
           <div id=""footer"">footer - www.0cn.cn</div>
           </body>
           </html>
           
           下面從SEO角度分析這個DIV+CSS三行兩列代碼布局的優勢:
           
           我們先按www.sh61554342.com頁設計慣例來看頁面中的內容分布,一般www.sh61554342.com況下,頭部為站點導航,底部為輔助導航及版權信息等,左側會放搜索、列表、排行等功能性內容,核心內容就集中在右側。
           
           搜索引擎蜘蛛爬行時,是按著頁面代碼順序自上而下的,這種情況下蜘蛛很難最快的爬行到核心內容;而當頁面代碼過多的時候蜘蛛完全有可能沒有爬行到核心內容就折回,抓取到的是與其他頁面一樣的功能內容時,這個頁面就成為相似網頁。
           
           再加上XHTML標準設計代碼精簡的優勢,蜘蛛爬行的效率和質量都會很高,也會更受蜘蛛歡迎的。

          0    0

          上一篇:根據來路域名將客戶轉向到不同頁面的ASP代碼
          下一篇:flash文字動畫制作 教你如何制作flash旋轉文字效果
          以下內容為愛情故事情感網妙招大全經典DIV+CSS代碼 經典的三行兩列DIV+CSS代碼布局的評論與回復
          回復此貼:
          用戶協議:不欺詐 不虛假 不違法 不發表攻擊言論 不損人利己
          愛情故事情感網-最感人的文章-最感人的愛情故事-好文章-情感故事-最新經典傷感日志大全
          © 2007-2021 www.sh61554342.com >>  Email:770111722@qq.com
          遼ICP備08005173號
          319彩票 www.cosmosofsweden.com:延吉市| www.dogalviagra.com:佛冈县| www.truemonism.com:含山县| www.5387753.com:勃利县| www.provenzabanquetes.com:青田县| www.themobilitypov.com:石柱| www.cp6220.com:濉溪县| www.mabel-gray.com:平谷区| www.focusmedia-zh.com:富源县| www.siamcornerthaikitchen.com:澄迈县| www.earncurve.com:龙井市| www.arnatour.com:甘泉县| www.sutibao.com:固阳县| www.uggboots999.com:望城县| www.cardriverentacar.com:怀柔区| www.rentiyishu123.com:梁山县| www.calendergirlz.com:哈密市| www.982320.com:普定县| www.skatesharks.com:阿尔山市| www.leopad.net:香河县| www.cencorjeans.com:三明市| www.z5662.com:诸暨市| www.motonitro.com:澄迈县| www.newcanaantutor.com:广东省| www.yongtaikym.com:福鼎市| www.italianfashionllc.com:喜德县| www.lw338.com:惠安县| www.vermord.com:安西县| www.bebeksekeri-tr.com:通城县| www.mingyunjiaoxiangqu.com:宝山区| www.ccjxbm.com:汉源县| www.mwhhs.com:财经| www.apofraxeis-athina.com:盘锦市| www.waunakeeyoga.com:万山特区| www.cp2110.com:普陀区| www.radiocachora.com:中卫市| www.casadelillian.com:右玉县| www.heritage-academy.org:嘉荫县| www.youqushu.com:洪泽县| www.dawntoner.com:柳林县| www.qz773.com:张北县| www.09323jj.com:竹北市| www.tianjin-banjia.com:绥德县| www.ugqwh.com:益阳市| www.qylvod.com:罗江县| www.pearlfan.com:平邑县| www.karamankardesler.com:大埔区| www.jcsbw.com:内江市| www.jyyxnm.com:合阳县| www.thisdayinmusicapps.com:扎囊县| www.jnwfm.cn:凤山市| www.izi2.com:安福县| www.66356tt.com:年辖:市辖区| www.pj88891.com:丹东市| www.devpsy2015.com:宁乡县| www.alpacitnz.com:大荔县| www.freetrafficx.com:云林县| www.nj-tyjx.com:渭南市| www.youhuonvlang.com:大兴区| www.shnanyabxg.com:新巴尔虎左旗| www.weijinying.com:云梦县| www.radiosolmansi.org:梓潼县| www.cedarcoverentals.com:南木林县| www.tjchengdu.com:平武县| www.liaoxy.com:永康市| www.hao-jiazheng.com:宁海县| www.anoscampagnes.com:禄劝| www.cafeconsolas.com:黄石市| www.hoausp.com:云和县| www.ynsh9188.com:新源县| www.trinhtuyetlinh.com:乐陵市| www.zjlcbj.com:靖宇县| www.jt1h.com:双峰县| www.paletteblog.com:门源| www.fzv0.com:彰化市| www.xnkdaiviet.com:宁安市| www.suqinwood.com:望城县| www.mt779.com:册亨县| www.wqqnw.com:南和县| www.better-pm.com:长海县| www.xipica.com:乐清市| www.ylzttgbus.com:宝清县| www.mylisen.com:图片| www.healthinsurancenewyork.net:沁源县|