<tt id="sh663"></tt>

          愛情故事情感網

          www.materialhandler.net

          注冊 / 登錄

          感人文章

          愛情故事

          情感文章

          傷感日志

          網絡日記

          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.materialhandler.net頁設計慣例來看頁面中的內容分布,一般www.materialhandler.net況下,頭部為站點導航,底部為輔助導航及版權信息等,左側會放搜索、列表、排行等功能性內容,核心內容就集中在右側。
           
           搜索引擎蜘蛛爬行時,是按著頁面代碼順序自上而下的,這種情況下蜘蛛很難最快的爬行到核心內容;而當頁面代碼過多的時候蜘蛛完全有可能沒有爬行到核心內容就折回,抓取到的是與其他頁面一樣的功能內容時,這個頁面就成為相似網頁。
           
           再加上XHTML標準設計代碼精簡的優勢,蜘蛛爬行的效率和質量都會很高,也會更受蜘蛛歡迎的。

          0    0

          上一篇:根據來路域名將客戶轉向到不同頁面的ASP代碼
          下一篇:flash文字動畫制作 教你如何制作flash旋轉文字效果
          以下內容為愛情故事情感網妙招大全經典DIV+CSS代碼 經典的三行兩列DIV+CSS代碼布局的評論與回復
          回復此貼:
          用戶協議:不欺詐 不虛假 不違法 不發表攻擊言論 不損人利己
          愛情故事情感網-最感人的文章-最感人的愛情故事-好文章-情感故事-最新經典傷感日志大全
          © 2007-2021 www.materialhandler.net >>  Email:770111722@qq.com
          遼ICP備08005173號
          pk10聊室 www.kd933.com:抚顺县| www.balchdercymru.com:南岸区| www.joannaselby.com:四川省| www.fydisplay.com:旬阳县| www.multihullsbyus.com:乌拉特中旗| www.palliaclubekm.com:高淳县| www.200v200.com:彭山县| www.koreanista.net:宁津县| www.lw338.com:锡林郭勒盟| www.all-best-slots.com:中宁县| www.zn577.com:海门市| www.celiacosviajeros.com:绥中县| www.hackoday.com:莱芜市| www.bungalowsvicksol.com:中宁县| www.jl095.com:海门市| www.changinglivesdayspa.com:黄平县| www.selailai.com:禄丰县| www.isi-stone.com:岐山县| www.cnfzsb.com:万盛区| www.baina-edu.com:吉首市| www.tinytoonkidswear.com:门源| www.gd5156.com:安化县| www.gx-dg.com:淮南市| www.bestkitchenkniveslist.com:无棣县| www.hbstzt.com:临漳县| www.tirlat.com:安龙县| www.pornofilmid.net:惠州市| www.wazww.com:新巴尔虎左旗| www.kingston-university.net:柳江县| www.rq6.net:永靖县| www.uberdrivingparttime.com:寿光市| www.bigfoottattoo.com:雅江县| www.xishimeiecuador.com:大城县| www.valentine1china.com:镇原县| www.chinajx6688.com:凤城市| www.rutthe.com:齐河县| www.soundandvisionmex.com:景泰县| www.healthinsurancenewyork.net:青州市| www.shdingzhu.com:漯河市| www.cxpzc.cn:信丰县| www.13425690000.com:雅江县| www.sjzhshq.com:亳州市| www.auburnoysterbar.com:克东县| www.didacticosedima.com:四平市| www.bmwholding.com:高尔夫| www.sillasdecomedor.org:林周县| www.brilliantgarmentco.com:白玉县| www.thomasinjune.com:永安市| www.948066.com:桐梓县| www.verkaufwinterjacken.com:临武县| www.daxingxiyiji.com:岳西县| www.bwenquan.com:加查县| www.hg85345.com:黄骅市| www.baidubocai.com:胶南市| www.g5663.com:溆浦县| www.y9938.com:平果县| www.nest180.com:合江县| www.weatherkingdom.net:堆龙德庆县| www.buchuebersetzungen.com:博兴县| www.qipushi.com:庆云县| www.bifeixini.com:临朐县| www.tianhaoyule.com:当雄县| www.g7568.com:定西市| www.petespencilart.com:米泉市| www.savvytravelshop.com:江华| www.liamjj.com:兴文县| www.ems188.com:黄石市| www.laproducers.net:巢湖市| www.fnp-co.com:天祝| www.ipadwallpaperhd.com:上栗县| www.102371.com:托克逊县| www.cleitonschaefer.com:泸定县| www.nogoum-b.com:寻甸| www.aceophthalmics.com:仙游县| www.copperkidsolo.com:买车| www.resortprincipidipiemonte.com:扶风县| www.dongfanghuojia.com:汾阳市| www.silviatenenti.com:连平县| www.ipslo.com:古丈县| www.shufanqie.com:阿拉善右旗| www.ramblingabare.com:通州区| www.eprsdwj.com:延吉市| www.maestroluggage.com:蓬安县| www.plg-light.com:临高县|