zoukankan      html  css  js  c++  java
  • div+css特点与优势

    < DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

    1.结构清晰
    分离页面的表现与结构,我们可以构建一个div+css+js文件的做到表现、结构、行为分离,这样做的话就像我们做程序用到的那种mvc模式一样,好处就是耦合性更小,更易维护。因为代码少,结构清晰。
    2.速度
       速度的优势分两点考虑
    占用带宽
    <div></div> 至少要比<table><tr><td></td></tr></table>要少写很多代码
        table嵌套一般是
       <table>
         <tr>
          <td></td>
        </tr>
       </table>
      <div></div> 这样写,所以行数也要少,当然table也可以写成一行,但是div代码确是要比table少得多。
    网页执行速度
    1)整体显示速度,学过编译原理的人都知道需要文法分析,一个<table><tr><td></td></tr></table> 到ie或其他浏览器中首先要分析意思,这样的话div简单,很容易就能匹配,暂且想象是用堆栈的方法去做的分析。
    2)客户体验
          如果是table嵌套的话,倒霉了,如果不到最后一个</table>执行的时候,整个就是个白板
     而div的话,可以先显示一部分,客户体验也要好的多,其原理跟第一条有关
    3.针对搜索引擎的优化
        爬虫一上来load进你的网页后,如果是table嵌套的话,还要对一大堆的复杂结构的table进行分析,写个正则都不容易,但是div不同,明显要简单得多。搜索引擎喜欢清洁的代码(其真正意义在于,增加了有效关键词占网页总代码的比重),因此使用CSS+DIV的web标准制作的网站具有搜索引擎友好的一定优势。

        不过,CSS+DIV网站建设的不足现阶段也比较明显:

    比较表格布局和CSS+DIV发现,CSS语法其实很容易方便,设计师也都承认掌握CSS+DIV并非需要达到让火箭上天那样高深莫测的知识才行,但某些概念的确还是需要他们去消化吸收。同时,bug问题也是阻止CSS普及的原因之一,即使是web专业人士往往也要花费大量时间修改bug,不用说那些对CSS使用的新手了。深度比较发现,一些通过表格方式可以轻松解决的问题在使用CSS+DIV的时候变得复杂,如果是一个CSS爱好者这可能对他是一种挑战和乐趣,但对于一般设计者而言,这无疑令人沮丧。

        此外,如果说大部分网站的设计元素是均匀分布于整个站点,则CSS网站制作的设计元素通常放在几个external外部文件中,这一个或几个文件有可能相当复杂,文件并不小,由此引起的问题也将变得不可忽视,比如CSS文件调用出现异常,那么整个网站将变得惨不忍睹。

        浏览器兼容问题也是目前阻碍CSS+DIV的一个问题,可能在IE里面正常显示的页面,到FireFox中却面目全非。CSS+DIV还有待于个浏览器厂商的进一步支持。种种原因使得web标准的普及有着较高的门槛,这也是很多web标准倡导者的优越感所在。

    对于网络营销人员最关心的搜索引擎友好而言,众所周知,搜索引擎喜欢清洁的代码(其真正意义在于,增加了有效关键词占网页总代码的比重),因此使用CSS+DIV的web标准制作的网站具有搜索引擎友好的一定优势。不过,搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的网站排序很靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,内容、结构、链接等因素始终是网站优化最重要的指标。 




  • 相关阅读:
    FPGrowth 实现
    数据库事务的4个特性ACID
    redis简介(keeper实时报表的基本部分)
    HADOOP中的CRC数据校验文件
    潜在语义分析
    AdaBoost 算法
    cocosBuilder生成cbbi文件,绑定到cocos2d-x
    C++继承模型
    Android应用经典主界面框架之中的一个:仿QQ (使用Fragment, 附源代码)
    从今天開始学习iOS开发(iOS 7版)--实现一款App之Foundation框架的使用
  • 原文地址:https://www.cnblogs.com/netcorner/p/2912461.html
Copyright © 2011-2022 走看看