在前端行业刚刚兴起的时候很多企业的门户网站都采用table布局,这样的布局方式方方正正,结构不灵活。随着前端行业的发展,DIV+CSS布局逐渐流行起来,并且一直到现在,他可以更加灵活的满足当前网站的布局需要。当然,现在更加提倡注重语义化布局,原因在于他不仅使代码更加简洁清晰,而且利于SEO。
实现网页布局的方式方法比较多,布局方式可以大概分为这几类。布局种类:
1、table布局(网页的兴起,1995)
2、Flash布局(自由的黄金时代,1996)
3、div+css(CSS的诞生,1998)
4、栅格与响应式(移动端的兴起,2007与2010)当前WEB前端开发使用DIV+CSS的布局方式会比较多也比较常用吧,网页布局看起来貌似简单,但是它需要综合使用很多HTML+CSS的知识,总的来说知识量是不小。如果想系统化的了解HTML+CSS方面的知识,建议你选择一本比较不错的HTML5相关书籍(主要看知识逻辑、知识的表达方式,比如《HTML5布局之路》)进行学习,让自己的知识更扎实一些,不然学的零零散散的。
Tips:学习好HTML+CSS有利于后面学习JavaScript,毕竟需要它们两者结合在一起才可以实现出可交互的前端页面。
相关新闻