div+css布局与传传统的table布局区别

为什么我们用div+css布局而不用传传统的table布局
一.用div+css网站布局的好处
1:表现和内容相分离

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

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

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

3:提高页面浏览速度

  对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。

4:易于维护和改版

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

  从以上的描述来看,采用CSS+DIV对网站重构可以大大提升网站用户与搜索引擎的友好度,CSS+DIV所以成为目前网页布局主流.

二.用表格table对seo影响

1、简介:为何使用表格排版是不明智的?

  表格之所以存在于 HTML 中,只是为了一个目的:显示表格状的数据。然而此后的 border="0" 使得设计师可以将图片和文本放在这无形的网格中。迄今为止,表格仍然主导着视觉丰富的网站的设计方式,但它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法。

2、表格带来的问题

  把格式数据混入你的内容中。

  这使得文件的大小无谓地变大,而用户访问每个 页面时都必须下载一次这样的格式信息。

  带宽并非免费。

  这使得重新设计现有的站点和内容极为消耗劳力 (且昂贵)。

  这还使我们保持整个站点的视觉的一致性极难,花费也极高。

  基于表格的页面还大大降低了它对残疾人和用手机或 PDA 浏览者的亲和力。

时间: 2024-12-28 04:16:31

div+css布局与传传统的table布局区别的相关文章

使用DIV+CSS制作网页后,表格Table还有用吗?

css|网页 符合网页标准的网页是DIV+CSS制作的,那么我们以前使用的表格Table还有用吗?是不是要彻底放弃呢? 关于DIV和TABLE表格的使用疑问有不少人很是疑惑,整理一下思路! 关于表格 使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐,之所以在很多关于CSS布局的文章中常提到"为什么使用表格排版是不明智的"这句话,可能是大家对他的理解有误,这里注意一点"使用表格排版"是"不明智"的.指的是我们使用了很

典型的DIV+CSS三行二列居中高度自适应布局

css|自适应 如何使整个页面内容居中,如何使高度适应内容自动伸缩.这是学习CSS布局最常见的问题.下面就给出一个实际的例子,并详细解释.(本文的经验和是蓝色理想论坛xpoint.guoshuang共同讨论得出的.) 首先先按这里看实际运行效果,这个页面在mozilla.opera和IE浏览器中均可以实现居中和高度自适应.我们来分析代码: CSS: body{background:#999;text-align:center;color: #333;font-family:arial,verda

DIV+CSS结构设计与Table的差异

DIV+CSS时下最流行的或者说大部分做网页设计的人都采用的方式.说起来我干网页设计和http://www.aliyun.com/zixun/aggregation/13355.html">网站制作也有六七年的时间了,当初DIV刚刚兴起的时候,曾和朋友们试过用DIV,但因为当时DIV+CSS这种技术还不成熟,所以也就没太在意,依然用TABLE,但,时至今日,DIV+CSS已把TABLE+CSS淘汰了,我们这些常用TABLE的人,也得慢慢熟悉DIV了. 其实从本身来讲,这两种布局没有差异,原

网站DIV+CSS布局的优点与缺点

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 越来越多的seoer更加趋向于div+css的布局,很多朋友都只知道div+css有利于搜索引擎优化,那么div+css到底对seo有什么好处?今天小姚就来详细的给朋友们说一下div+css的优点及缺点. 首先,我们来说下div+css布局的优点: 第一.利于搜索引擎蜘蛛爬行 根据总结和经验,div+css布局有利于蜘蛛的爬行,拿html的t

DIV+CSS网页布局和TABLE相比有哪些明显优势

DIV+CSS是网站标准(或称"WEB标准")中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种样式制作定位. div是html(超文本语言)中的一个元素,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了w3c内容与表现相分离. div 是标签 css是层叠样式表(css样式) DIV CSS高级布局已逐渐流行,

Div + CSS高度自适应解决方案

自适应高度的问题,采用 Div + CSS 进行三列或二列布局时,事先不知道具体高度,只能根据内容的增减自适应高度,要使两列(或三列)的高度相同,用 Table 很容易实现,但采用 Div + CSS 就显得比较麻烦了.按照一般的做法,大都采用背景图填充或 JS 脚本的方法使高度相同,但这些都不是最好的办法,我认为- 下面介绍采用"隐藏容器溢出"和"正内补丁"和"负外补丁"结合的方法 主要代码: #wrap{overflow:hidden;} /

Div + CSS 高度自适应解决方案

css|解决|自适应 自适应高度的问题,采用 Div + CSS 进行三列或二列布局时,事先不知道具体高度,只能根据内容的增减自适应高度,要使两列(或三列)的高度相同,用 Table 很容易实现,但采用 Div + CSS 就显得比较麻烦了.按照一般的做法,大都采用背景图填充或 JS 脚本的方法使高度相同,但这些都不是最好的办法,我认为- 下面介绍采用"隐藏容器溢出"和"正内补丁"和"负外补丁"结合的方法 主要代码: #wrap{overflow

CSS+DIV网页重构对比TABLE布局的显著优势

采用CSS+DIV对网站重构日趋被大家重视起来了,尤其是大型站点,就在今天下午,IT168首页改版就选择了这种做法.其实,早些时候像阿里巴巴.163等大型门户站点就已经完成了重构工作. Robin 早在去年就已经有了使用CSS+DIV来编写网页源码的习惯了,个人感觉这种方法确实比传统的TABLE形式的源码架构强多了. 采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势: 1:表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息.

【DIV+CSS入门教程】使用Table布局是不明智的

使用Table布局页面为什么是不明智的? 大家看到标题,不要误解认为在页面中不能使用Table,而是可以使用Table,但是尽量不要用Table去布局页面,为什么这么说呢,因为使用Table布局页面会使页面失去灵活性,怎么个灵活法呢,比如今天你好不容易做出来的页面,第二天老板说我不喜欢登录模块放到右边,还是放到左边,通知板块放到右侧去,页面风格最好一个月换一种,如果遇到这种老板,提出这种要求,并且你的页面是用Table布局的,那么你会崩溃的,工作量那是大大滴~,如果不相信的话,你们自己可以找个页