html css div各自的作用
如果把一个网页比作一间房子,那么html就相当于房子的框架结构、墙壁、地板、天花板等等(也就是毛坯房),css则是各种内外装修,也就是用来扮靓的,js则可以给房子添加各种动态元素,比如水电啊、网线啊、各种家用电器啊等等,div是html的标签之一,你可以看作是房子里的某个区域,比如客厅啊、卧室啊、厨房啊等等。把这些元素组合起来就是一个完整的网页了。
网页设计采用div+css有什么>利益/h2>
网页设计采用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还有个特性就是浏览器打开的时候必须是浏览器***以
结束后才显示该块的内容,而div的html是边加载边将内容呈现到浏览器上,div+css网站大大增强用户体验作用。大家都知道网页多等1秒钟都会降低浏览者的等待时间。CSS+DIV布局有什么>利益/h2>
CSS+DIV布局有什么好处?
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。
DIV+CSS优点如下:
1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
2、支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。
4、样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
5、CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
6、表现和结构分离,在团队开发中更容易分工合作而减少相互关联性。
CSS网页布局的意义体现在如下方面:
一、使页面载入得更快
二、降低流量费用
三、修改设计时更有>服从/p>
四、保持视觉的一致性
五、更好地被搜索引擎收录
六、对浏览者和浏览器更具亲和力