设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

DIV+CSS页面嵌套技术

发表日期:2011-2-24 作者来源:派谷网络 浏览次数:0

  DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

  CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。

  DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。

  采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下7个显著优势:

  1:表现和内容相分离

  将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。

  2:提高搜索引擎对网页的索引效率

  用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价。

  3:提高页面浏览速度

  DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时,spider就会认为这个页面无法访问,影响收录及权重。

  另一方面,真正的网站优化不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。

  4:易于维护和改版

  你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

  5:代码精简

  使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处。

  6:表格的嵌套问题

  很多网站如何推广的文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实。但根据目前掌握的情况来看,spider爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。

  使用Table布局,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,spider爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。

  而DIV+CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。

  这虽然没有得到确认,但还是建议使用Table布局的朋友们,在设计时尽可能的不要使用多层表格嵌套,SEOer们在文章中说明了这一点,相信他们也不是没有依据的。

  DIV+CSS起到的作用是将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。

  7:对网站的Alexa排名的影响

  基于XTHML标准的DIV+CSS布局,一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面,但事实证明使用XTHML架构的网站排名状况一般都不错。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

婵犮垼鍩栭悧鐐烘煥閵堝洨纾鹃柟瀵稿Х瑜拌尙鈧偣鍊濈紓姘额敊閺囩喓鈻旈柍褜鍓熼幊婊堫敆娴e湱鐣抽梺鍛婄箥娴滄瑧鑺遍敓锟�...

婵犮垼鍩栭悧鐐烘煥閵堝洨纾鹃柟瀵稿Х瑜拌尙鈧偣鍊濈紓姘额敊閺囥垺鐒绘慨姗嗗墰閸╂鏌涢弽褎鍣归柟顖氱墛缁傛帡濡烽妶鍥╂啴濠殿喗绺块崕鐢割敁閸愵喗鏅柨鐕傛嫹1.闂佸搫瀚ù鐑藉灳濮椻偓閹嫰顢欓悾灞界伇婵炴垶鎸稿锕傦綖婢舵劕绀嗛柟鐑樻煛閳ь剚岣块埀顒冾潐濮樸劌煤娴兼潙鍐€闁搞儜鍐К婵炲銆嬮幏锟�...

闂佸搫鍟ㄩ崕鎻掞耿閿熺姵鏅柨鐕傛嫹2025-4-6

婵犵鈧啿鈧绱炲鍥ㄥ闁冲搫鍟扮粔鍦磼閺冣偓閻熝囧疾椤愶附顥堥柕蹇ョ秵閸熷酣鎮规担鎻掑⒉婵炴彃娼″畷妤呮晸閿燂拷...

闁荤喐娲戝ù鍥敊閳ь剛绱撻崘鈺佺仼闁绘繍鍨堕幃鎯х暆閸曨剚銆冮柣鐘辩劍瀹曟﹢顢橀幖浣稿嵆闁哄鍨靛鏃堟煕濮橀蓟鍦閳哄懎绀夋繛鎴濈-缁€澶愭煕濞嗘ê鐏熷ù婊勫笚缁傛帗鎯斿┑鍛瀺婵炴垶鎸搁鍛村吹閹寸偟鈻旀い蹇撴噺閻撴瑩姊婚崼娑樼伄婵炵厧鍟撮獮宥団偓锝呭缁愭鏌ょ憴鍕祷闁稿秶鏁婚獮鏍敇閵忕姴璧�...

闂佸搫鍟ㄩ崕鎻掞耿閿熺姵鏅柨鐕傛嫹2025-4-6

缂傚倸鍟崹褰掓偟椤栨粍濯奸柟瑙勫姦閸氣偓闂佹眹鍔岀€氼剟鎮㈤埀顒勬煛閸偄澧い鎺斿仦椤ㄣ儵濡堕崱妯肩暢闂佸憡绻愰幏锟�...

缂傚倸鍟崹褰掓偟椤栨粍濯奸柟瑙勫姦閸氣偓闂佸搫瀚烽崹浼村垂閸楃儐鍤堥弶鐐村椤忓崬鈽夐幙鍐х凹闁搞劍宀稿畷婵嬫偄閾忓湱效缂備焦姊归悷褍鈻撻幋锕€绀傞柟鎯板Г閺嗘盯鏌e⿰搴$仴濠碘槅鍙冮弫宥囦沪閼测晝鎲梻鍌氱墱濠⑩偓閻犳劗鍠愰幏鍛存偐娓氼垰娈滅紓鍌欑濡梻鍒掑▎鎴犵<鐎广儱鎳庡鎾绘煕閳哄啫鍔嬫繝鈧敓锟�...

闂佸搫鍟ㄩ崕鎻掞耿閿熺姵鏅柨鐕傛嫹2025-4-6

婵犵鈧啿鈧绱炲澶嬬劵濠㈣泛顑呴銉╂⒑椤愩垹鈧悂骞冩惔锝囩>闁瑰濮疯ぐ鏌ユ煟閵娿儱顏繝鈧崶顒€绀夐柨鐕傛嫹...

闂備緡鍋勯ˇ鎵偓姘ュ姂閺屽懘宕掑顓炩偓銈囩磽閸愨晛鐏╅柣婵愬灦閹啴宕熼浣虹杸闂佸憡鏌¢埀顒冩珪閻濄倝姊洪弶璺ㄐら柣銈呮閺佸秴鐣濋崟顑跨帛闁荤喐娲戦懗鍫曞箖閿濆瑙﹂柛顐岛閸嬫捇宕橀鐕佲偓姘熆閼哥數顣查柡宀€鍠栧Λ鍐閻樺磭顦紓浣戒含婵妲愬┑鍥╊浄闁靛鍊楅悷鎾绘煛閸曢潧鐏ユい鏇熺〒缁辨帡鏁撻敓锟�...

闂佸搫鍟ㄩ崕鎻掞耿閿熺姵鏅柨鐕傛嫹2025-4-6

婵犵鈧啿鈧绱炲鍡樹氦婵炴垶绮犻弨鐣岀磽閸愨晛鐏╅柣婵愬灦閹啴宕熼銏″€柣搴n攰椤鍩€椤戭剙瀚妶锟�...

缂傚倸鍟崹褰掓偟椤栫偞鍎嶉柛鏇ㄥ亜閹垿鎮楃涵鍜佹綈闁逞屽劯閸曨厹鍋為柣鐘叉处濞叉ê螞椤掑嫬鎹堕柕濞р偓閳ь剚蓱缁屽崬鈹戦崼銏⑿х紓浣规⒐閻熴儱锕㈤鍛枖鐎广儱鎳忛崐閬嶆煟閵娿儱顏紒浣藉吹閹叉挳宕煎┑鍥╁綔闂侀潧妫斿ù鍥敊閺囩喎绶為柛銉e劗閸嬫挻鎷呯憴鍕劌婵炶揪绲剧划搴ㄦ焾鐎靛摜纾奸柣鏃€婀圭花锟�...

闂佸搫鍟ㄩ崕鎻掞耿閿熺姵鏅柨鐕傛嫹2025-4-6

网站建设解决方案
缂傚倸鍟崹褰掓偟椤栨粎纾奸悗娑櫭闁荤喐鐟辩徊浠嬪窗閸涙潙妫橀悷娆忓閺€锟� 婵炴挳妫垮鎺旂箔閻斿吋鈷掗柕濠忕畱閻撴洜绱撻崘鈺佺仼闁绘繍鍨跺鍧楀幢濞嗗浚鍞洪梺鍛婄墬閻楃偠顣鹃梺鍛婂姌濞呮洟寮婚悢濂夋禆闁跨噦鎷� 闂佽В鍋撻柕澶嗘櫆閺佹﹢鏌涢妸銉剳缂傚秴顦辩划鈺佲枎閹诡偅甯″畷姗€鎼归锝囧幍濠碘剝顨愰幏锟� 闂佺ǹ绻戝Σ鎺楀焵椤戣法绐旀繛鍛灱閹壆浠﹂懖鈺冩嚌缂傚倸鍟崹褰掓偟椤栨凹鍤堝Δ锔筋儥閸熷酣鎮峰▎娆戝埌闁哥姴鎳樺顒傛喆閸曞灚鏁� 闂佸憡鐗曢…宄扳枍瀹€鈧幏鐘崇節閸愵煈鏆$紓鍌氬暞閸ㄥ綊鎮甸姘煎殘濡わ附顑欓崯搴ㄦ偡濞嗘瑧鍒伴柛鐘叉嚇瀵剛鎲撮崟鍨暤 闂佸綊娼ч鍡椻攦閳ь剟鏌℃担鐟邦棆闁绘牗绮庨幃鎵沪閼测晝鎳濈紓鍌氬暞閸ㄥ綊鎮甸姘煎殘濡わ附顑欓崯搴ㄦ煛閸屾繍娼愭い顫嫹 婵犮垼鍩栭悧鐐烘煥閵堝绀傛い鎺嗗亾鐎垫澘鍟扮槐鏃堝箣閻橀潧璁查悗鐐瑰€濈紓姘额敊閺囩姵鍠嗛柨婵嗘噹閺嬧偓闂佸搫鍊介~澶愩€侀敓锟� 闂備礁寮堕崹濂告倵閾忓湱纾鹃柟瀵稿Х瑜拌尙鈧偣鍊濈紓姘额敊閺囩姵鍠嗛柨婵嗘噹閺嬧偓闂佸搫鍊介~澶愩€侀敓锟� 闁荤偞绋戞總鏃傜箔閻旂厧纭€闊洤娴风粣妤冪磼椤愩儱鍚圭紓宥咁槺缁晛鈻庤箛鏇犲闁荤姳鐒﹀畷妯款暰闂佸憡鍔樺▍鏇㈠蓟閻斿娴栭柨鐕傛嫹 闂佸憡绻€閼宠埖鏅跺┑鍫氬亾鐟欏嫥缂氱紓宥咁槺缁辨棃骞嬮悩闈涜閻庣偣鍊濈紓姘额敊閺囥垹妫橀悷娆忓閺€锟�