DIV布局与表格布局哪个要更好一些?

他们的优点和缺点是哪些?... 他们的优点和缺点是哪些? 展开
 我来答
yt_9119
2013-11-19 · TA获得超过812个赞
知道小有建树答主
回答量:395
采纳率:100%
帮助的人:311万
展开全部

DIV和表格是两种不同的布局方式,两者的优缺点不是太明显,重要的是那种布局更适合你当前的需求。

table的优点:
1、简单易用
2、可读性好,都是由table、tr、td组成


table的缺点:
1、代码冗余,满页的table、tr、td
2、代码多导致网站加载的速度变慢
3、语义化欠缺,满篇table、tr、td,对搜索引擎不友好
4、可扩展性不太灵活,变一个地方的布局有可能一大块都要重改
以上两点决定了table很适合孙搏新手用来做一些页面,容易上手,一般的小网站能快速成型。
个人认为table很适合做表格
div的优点:
1、代码精简
2、精简意味着加载快
3、可重用性高码凯改,定义一个class,页面随处调用
4、div、p、h1等标签语义化丰富,对搜索引擎很友好
5、可扩展性好
div的缺点:
1、因为div必须要和css配合才能看到效果(不是像table不需要css也能看出效果)。这对于新手来讲是个很大的障碍。
2、可读性差,这个可读性差并不是标签不好理解,而是对于布局来讲,因为加上css才能看到效果
以上两点决定了现在网页布局大家基本都会选用div,除了开始比较烦恼,做两个网页就能掌握基迟判本的知识


综合来看,div是主流,但是table也有它存在的意义。

复杂的网站布局推荐用div。

过了入门坎的推荐用div。

简单的网站用table也未尝不可。

网站多为展现数据用table也是很合适

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
肃鸦
2013-11-19
知道答主
回答量:21
采纳率:0%
帮助的人:11.9万
展开全部
DIV的好团慧扒
我刚开始学DW的时候都是用table
但是后来别人和我说用table会被人嘲塌昌笑的
所以我现碧旦在都是用div+ ul li 布局
最大的好处就是灵活
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
雅各布bella
2013-11-19 · TA获得超过730个赞
知道小有建树答主
回答量:1231
采纳率:20%
帮助的人:509万
展开全部
div要好些哦
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
是楠木ch
2013-11-19 · TA获得超过1071个赞
知道小有建树答主
回答量:345
采纳率:100%
帮助的人:387万
展开全部
DIV+CSS的优势
1、符合W3C标准顷搭。这保证您的网站不会因为将来网络应用的升级而被淘汰。
2、对浏览者和浏览器更具亲和力。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。这样就支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是什么,您的网站都能很好的兼容。
3、使页面载入得更快。页面体积变小,浏览速度变快,由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。
4、保持视觉的一致性。以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。
5、修改设计时更有效率。由于使用了DIV+CSS制作方法,使内容和结构分离,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式,在团队开发中更容易分工合作而减少相互关联性。
6、搜索引擎更加友好。相对与传统的table,
采用DIV+CSS技术的网页,由于将大部分的HTML代码和内容样式写入了CSS文件中,这就使得网页中代码更加简洁,正文部分更为突出明显,便于被搜索引擎采集收录。
CSS+DIV网站设计的缺陷
尽管DIV+CSS具有一定的优势,不过现阶段CSS+DIV网站建设存在的问题也比较明显,主要表现在:
1、对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局(table),CSS+DIV尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了,这在一定程度上影响了XHTML网站设计语言的普及应用。
2、CSS文件异常将影响整个网站的正常浏览。CSS网站制作的设计元素通常放在一个或几个外部文件中,这些文件有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。
3、对于CSS网站设计的浏览器兼容性问题比较突出。虽然说DIV+CSS解决了大部分浏览器兼容问题,但是也有在部分浏览器中使用出现异常,CSS+DIV还有待于各个浏览器厂商的进一步支持。
4、CSS+DIV对搜索引擎优化与否取决于网页设计的专业水平而不是CSS+DIV本身。CSS+DIV网页设计并不能保证网页对搜索引擎的优化,甚至不能保证一定比HTML网站有更雀樱拿简洁的代码设计。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
如何颂猛更有效、更合理的运用WEB2.0设计标准,这需要很长时间的学习和锻炼。而如何将DIV+CSS运用的更好,需要通过不断的实践和体检,积累丰富的设计经验,才能很好的掌握这门技术。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式