DIV+CSS3布局

简介

与传统的table布局定位的方式不同,可以实现网页页面内容与表现形式分离。
DIV:块级元素,用于组织内容,是个大容器,里面可以放图片、文字等。
CSS3:样式文件,描述各块内容的大小、边框等样式。

DIV+CSS3的优势

(1)页面代码精简。提高百度蜘蛛的爬行效率,使其在最短的时间内爬完整个页面,同时对收录质量有一定好处。
(2)提高访问速度、提升用户体验。加载速度得到很大提高,用户单击页面后的等待时间减少,用户体验的提升带来搜索引擎的青睐,提高网站排名I你个。
(3)结构清晰,适合优化了的SEO,减小网页体积。
(4)缩短改版时间。只要简单地修改几个CSS3文件,就可以重新设计一个成百上千页面的站点,节约工作时间,提高工作效率。
(5)方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到网页的内容,并可能给出一个较高的评价。
(6)可以保持视觉的一致性。以往表格嵌套的制作方法会使页面与页面之间或者区域与区域之间的显示效果有偏差。
(7)实现全站统一管理,便于后期网站的维护和管理。

你可能感兴趣的:(前端)