网页设计采用div+css有什么好处?

 我来答
a459803275
推荐于2018-03-29 · TA获得超过493个赞
知道小有建树答主
回答量:1304
采纳率:0%
帮助的人:740万
展开全部
采用Div+CSS设计布局网站具有以下的优点:

第一、大大缩减页面代码。
因为采用CSS布局,不象表格布局充满各种各样的属性和数字,而且很多css文件通常是共用的,从而提高页面浏览速度。而Table表格布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div 更能体现样式和结构相分离,结构的重构性强。

第二、对搜索引擎更加友好同时获得更好的网站排名
DIV+CSS布局简洁清晰,具备搜索引擎SEO的先天条件。对搜索引擎更加友好,更容易被搜索引擎收录,配合优秀的内容和一些SEO处理,可以获得更好的网站排名。
DIV+CSS布局不公方便搜索引擎收录,而且还可以并获得搜索引擎更高的评价。用只包含结构化内容的HTML代替嵌套的标签,主次分明,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。

第三、兼容性卓越
DIV+CSS布局符合web标准规范,几乎所有的浏览器上都可以使用,不会因为在不同的浏览器中显示效果差距很大。

第四、缩短网站改版时间
因为网站的布局都是通过外部的css文件来控制,只要简单的修改几个CSS文件就可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

第五、强大的控制和排版布局能力
CSS在控制字体的能力比糟糕的FONT标签好太多了,CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。

第六、提高易用性
使用CSS可以结构化HTML,例如:p标签只用来控制段落,h1-h6标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。

第七、扩展性能优越
你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint,手机浏览器等。

第八、灵活的页面布局
通常页面的下载是按照代码的排列顺序,而表格布局代码的排列代表从上向下,从左到右,无法改变。而通过CSS控制,您可以任意改变代码的排列顺序,比如将重要的右边内容先加载出来。
Table表格布局灵活性不大,你只能遵循 table tr td 的格式。而div你可以 div ul li 也可以 ol li 还可以 ul li......

第九、表现和内容相分离
干净利落,将设计部分剥离出来放在一个独立样式文件中,而网页主要来放置您的内容,你可以减少未来网页无效的可能。
上海雍熙
2020-02-26 · 上海雍熙资深互联网服务品牌
上海雍熙
上海雍熙是中国资深互联网服务商,11年来为3000余家企业提供网站系统开发服务,高新技术企业、双软认证企业、通过国际ISO9001、ISO27001质量体系认证,世界500强企业长期供应商。
向TA提问
展开全部
网页设计采用div+css的好处:
1、div+css有利于搜索引擎爬虫:一般而言相同网页页面html文件table布局字节大于div+css布局的字节,所以可以节约搜索引擎爬虫爬行下载页面内容时间。
2、重构页面修改方便(div+css改版方便):一般DIV+CSS页面都是html和css文件分开的也就是说一个网页的内容与表现形式的分离,一般修改小小部分的css文件里css样式属性就可以修改真站的样式版面,如背景颜色、字体颜色、网站宽度等具有table不具备的方便性。
3、div+css页面增加网页打开速度:这里是特性决定了他们的性能,因为div+css页面是div的html和css文件分开的,而浏览器打开该网页的时候是同时下载html和css,所以可以提高网页打开速度,而table还有个特性就是浏览器打开的时候必须是浏览器下载以<table>开始,并</table>结束后才显示该块的内容,而div的html是边加载边将内容呈现到浏览器上,div+css网站大大增强用户体验作用。大家都知道网页多等1秒钟都会降低浏览者的等待时间。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
AyonA333
2012-03-03 · TA获得超过609个赞
知道小有建树答主
回答量:965
采纳率:0%
帮助的人:506万
展开全部
@提高效减小代码@提高访问速度@让布局整洁漂亮@扩展更改时简单@对一些不同版本浏览器带来强兼容
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式