当前位置:  编程技术>WEB前端

div+CSS网页布局的意义与副作用原因小结第1/2页

    来源: 互联网  发布时间:2014-10-04

    本文导语:  如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉、比较上手;但是,它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法——DIV+CSS。 CSS网页布局的...

如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉、比较上手;但是,它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法——DIV+CSS。

CSS网页布局的意义体现在如下方面:

一、使页面载入得更快

由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。

二、降低流量费用

页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了。

三、修改设计时更有效率

由于使用了DIV+CSS制作方法,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式。

四、保持视觉的一致性

DIV+CSS最重要的优势之一:保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。

五、更好地被搜索引擎收录

由于将大部分的HTML代码和内容样式写入了CSS文件中,这就使得网页中正文部分更为突出明显,便于被搜索引擎采集收录。

六、对浏览者和浏览器更具亲和力

我们都知道网站做出来是给浏览者使用的,对浏览者和浏览器更具亲和力,DIV+CSS在这方面更具优势。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。


    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 用标准件的方式来组装网页DIV布局-WEB标准网站设计心得
  • 非常漂亮的Div+CSS布局入门教程第1/5页
  • 使用JQUERY进行后台页面布局控制DIV实现左右式
  • DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags
  • DIV+CSS布局的网站对网站SEO的影响分析
  • DIV CSS网页布局 最小高度(min-height)的妙用
  • 难!!!在jsp文件的java代码片段中控制该网页上DIV的属性以达到隐藏或显示某div的目的??? iis7站长之家
  • DIV+CSS布局教程大全与pdf电子书 下载
  • DIV+CSS网页另类上下布局的实例代码
  • 不用float实现div模块居中布局
  • div+css页面布局的五个小技巧
  • 布局用CSS+DIV的优点总结
  • 用div实现像table一样的布局方法
  • CSS顶级技巧大放送,div+css布局必知
  • 像table一样布局div
  • div+css布局必须要知道的css条件注释理论及实践第1/2页
  • div结合css布局bbs首页(div+css布局入门)
  • 推荐彻底弄懂CSS盒子模式(DIV布局快速入门)第1/3页
  • 脚本控制三行三列自适应高度DIV布局
  • div+css布局入门
  • 通过javascript实现DIV居中,兼容各浏览器版本
  • 如何动态修改层(<div ....> </div>)的显示与否?
  • java命名空间javax.swing.text.html类html.tag的类成员方法: div定义及介绍
  • 父div高度不能自适应子div高度的解决方案
  • java命名空间javax.management类query的类成员方法: div定义及介绍
  • 难!!!在jsp文件的java代码片段中控制该网页上DIV的属性以达到隐藏或显示某div的目的???
  • java命名空间javax.imageio.plugins.jpeg类jpegqtable的类成员方法: k1div2luminance定义及介绍
  • jQuery拖动div、移动div与弹出层实例
  • java命名空间javax.imageio.plugins.jpeg类jpegqtable的类成员方法: k2div2chrominance定义及介绍
  • 常用的DIV+CSS的基本框架结构但不推荐都放一个div里
  • 在div中使用css让文字底部对齐的方法


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3