方才打仗前端,一向以为table规划在代码上看起来比div+css更整齐,div+css规划的页面,一堆的<div><div><div>...</div></div></div>看起来都让人犯麋集恐惧症,那末为何如今的主流网站还都乐此不疲呢?为何div+css反而成了一种主流规划体式格局呢?
经由过程剖析DIV+CSS的优缺以后就能够邃晓为何应用DIV+CSS规划了。
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应用的更好,须要经由过程不停的实践和体检,积聚雄厚的设想履历,才很好的控制这门手艺。
以上就是为何用div css规划的细致内容,更多请关注ki4网别的相干文章!