老生常谈CSS网页布局的意义与副作用
发布时间：2008-09-12 12:31:00
如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽然此方法对于我们来说比较熟悉、比较上手；但是，它却阻碍了一种更好的、更有亲和力的、更灵活的，而且功能更强大的网站设计方法——DIV+CSS。
CSS网页布局的意义体现在如下方面：
一、使页面载入得更快
由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。
二、降低流量费用
页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。
三、修改设计时更有效率
由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。
四、保持视觉的一致性
DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。
五、更好地被搜索引擎收录
由于将大部分的HTML代码和内容样式写入了CSS文件中，这就使得网页中正文部分更为突出明显，便于被搜索引擎采集收录。
六、对浏览者和浏览器更具亲和力
我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，DIV+CSS在这方面更具优势。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。
说了这么多CSS网页布局的意义与优点，同时也不能轻视CSS网页布局的副作用：
一、DIV+CSS尽管不是高不可及，但至少要比表格定位复杂的多，即使对于网站设计高手也很容易出现问题，更不要说初学者了。
二、CSS网站制作的设计元素通常放在1个外部文件中，或几个文件，有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。
三、虽然说DIV+CSS解决了大部分浏览器兼容问题，但是也有在部分浏览器中使用出现异常，比如火狐浏览器，在IE中显示正常的页面，到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题，但是可以说在目前来看，DIV+CSS还没有实现所有浏览器的统一兼容。
四、DIV+CSS对搜索引擎优化与否,取决于网页设计的专业水平,而不是DIV+CSS本身。
DIV+CSS网页设计并不能保证网页对搜索引擎的优化，甚至不能保证一定比HTML网站有更简洁的代码设计，何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量，这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前，而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言，网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
0
投稿猜你喜欢
- 上一节除了介绍使用 Python 连接 es，还有最简单的 query() 方法，这一节介绍一下几种其他的查询方式。1、query() 方法
（1）最近真是郁闷，在Myeclipse中使用DB Browser但出现以下问题：（2）然后赶紧百度，求大神解决，主要的解决方法试一下几种：- 本文实例讲述了python获得文件创建时间和修改时间的方法。分享给大家供大家参考。具体如下：这里需要用户从控制台输入文件路径import o
- 一、使用等号查询可以像普通查询使用等号进行查询，但必须查询时间必须和字段对应时间完全相等，比如我要查下面这个值sql如下：SELECT id
- 在写代码过程中，经常遇到一行代码很长的情况。为了让代码显得整齐干净，就需要把一行代码分成多行来写，Python中有两种小技巧可以实现该功能：
- 一、项目展示项目是一个简单实用的二维码生成器。使用者可以在生成器中输入文字生成二维码，也可以在识别器中识别二维码的内容二、项目核心代码二维码
- 1 abstract验证码作为一种自然人的机器人的判别工具，被广泛的用于各种防止程序做自动化的场景中。传统的字符型验证安全性已经名存实亡的情
- 本文实例讲述了Python安装Flask环境及简单应用。分享给大家供大家参考，具体如下：安装环境使用虚拟环境安装Flask，可以避免包的混乱
- vue-cli创建项目时由esLint校验导致报错或警告vue-cli创建项目后编写代码控制台一片黄但不影响代码执行但是看着就是很不爽啊到网
- 最近使用Python 3.5写了一个GUI小程序，于是想将该写好的程序发布成一个exe文件，供自己单独使用。至于通过安装的方式使用该程序，我
- 使用场景已搭建了PyPI私有库，上传公共库包含静态文件，如需要使用sql静态文件初始化数据库。打包python包，给其他人使用，但项目中包含
- Python偏函数Python偏函数和我们之前所学习的函数传参中的缺省参数有些类似，但是在实际应用中还是有所区别的，下面通过模拟一个场景一步
- 目录什么是信号Python的信号处理Python对信号的处理信号枚举信号函数signal.alarm(time)signal.pause()
- # -*- encoding: utf8 -*-import osimport sysimport ftplibclass FTPSync(
- 前言本文主要给大家介绍了关于python3对JSON的一些操作，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。一、Dict
- vue.js在生成相关js和css文件的时候，名称是通过HASH的方式进行生成的，但是每次生成的文件基本都是一样的，那么浏览器就会缓存这些文
- 配置静态文件的两种方式：1 配置单独app下的静态文件，比如某个app下的单独的图片。2 配置整个project下的静态文件，适用于那些和单
- 一、isdigit()函数isdigit()函数是检测输入字符串是否只由数字组成。如果字符串只包含数字则返回 True 否则返回 False
- php var_dump 函数作用是判断一个变量的类型与长度,并输出变量的数值,如果变量有值输的是变量的值并回返数据类型.来看看var_du
- 随机背景--当你每次进入该页面时，从已指定的图片文件夹中，随机选取一个图片作为背景显示。这里介绍的方法是用ASP+CSS来实现的。 &nbs
