一、使用DIV+CSS的误区
1、用DIV+CSS结构建造静态html上网页等于彻底丢弃古老的table写法
之所以不建议用table来布局网页是因为网页加载很慢的时辰要等table机关加载完成才能看到网页,其次是table布局没有必然语义,网页代码改削起来斗劲麻烦。Table是专门用来写网页数据表格的,页面中呈现近似EXCEL数据的处所,建议用table来写。
小结div+css利益预加载用户体验高、标签具有语义
2、DIV+CSS结构等于通篇区域都用DIV包起来
碰着一个区块就用一个DIV标签,这样写完代码后全篇都是DIV,失踪去了语义的存在价值,区块修改起来也不轻易找到,合理的操作dl、ul、span等标签,不仅让你的网页看起来条理清楚,而且修改起来更便利。
小结通篇DIV语义性差,可维护性欠好,失原有价值
3、CSS文件一定要和HTML代码分隔
将CSS和HTML分隔隔离分手,是因为有些CSS同时为多个页面处事,而用户访谒时CSS文件可以缓存在当地,下次再会见其他页面时不必一再加载,可以节约时刻和流量,提高接见速度,可是若是网页有些区域的CSS并世无双,其他页面用不到,就不用把CSS剥离出去,直接用style标签搜罗在HTML网页里就可以。
小结理解CSS优点一定要周全,解决问题选择最优体例
4、用DIV和CSS写网页不用进行浏览器兼容测试
一定要在分歧类型和不同版本的浏览器进行测试。最好是同时打开多个浏览器,起码也得兼容IE6、IE7、IE8等版本。
小结兼容性问题一定要正视 尤其是CSS在IE6下的经典BUG
二、DIV+CSS对SEO的浸染
1、代码精简,提高蜘蛛爬行效率,对收录有很年夜益处;
2、提高访问速度,增添用户体验;
3、结构清晰,便于seo搜索引擎检索;
4、缩短改版时间,节约大量工作时间,提高工作效率;
1、用DIV+CSS结构建造静态html上网页等于彻底丢弃古老的table写法
之所以不建议用table来布局网页是因为网页加载很慢的时辰要等table机关加载完成才能看到网页,其次是table布局没有必然语义,网页代码改削起来斗劲麻烦。Table是专门用来写网页数据表格的,页面中呈现近似EXCEL数据的处所,建议用table来写。
小结div+css利益预加载用户体验高、标签具有语义
2、DIV+CSS结构等于通篇区域都用DIV包起来
碰着一个区块就用一个DIV标签,这样写完代码后全篇都是DIV,失踪去了语义的存在价值,区块修改起来也不轻易找到,合理的操作dl、ul、span等标签,不仅让你的网页看起来条理清楚,而且修改起来更便利。
小结通篇DIV语义性差,可维护性欠好,失原有价值
3、CSS文件一定要和HTML代码分隔
将CSS和HTML分隔隔离分手,是因为有些CSS同时为多个页面处事,而用户访谒时CSS文件可以缓存在当地,下次再会见其他页面时不必一再加载,可以节约时刻和流量,提高接见速度,可是若是网页有些区域的CSS并世无双,其他页面用不到,就不用把CSS剥离出去,直接用style标签搜罗在HTML网页里就可以。
小结理解CSS优点一定要周全,解决问题选择最优体例
4、用DIV和CSS写网页不用进行浏览器兼容测试
一定要在分歧类型和不同版本的浏览器进行测试。最好是同时打开多个浏览器,起码也得兼容IE6、IE7、IE8等版本。
小结兼容性问题一定要正视 尤其是CSS在IE6下的经典BUG
二、DIV+CSS对SEO的浸染
1、代码精简,提高蜘蛛爬行效率,对收录有很年夜益处;
2、提高访问速度,增添用户体验;
3、结构清晰,便于seo搜索引擎检索;
4、缩短改版时间,节约大量工作时间,提高工作效率;
5、用只包含结构化、语义化内容的HTML庖代嵌套标签,更利于搜索引擎评分。