这几天在写一个html页面,之前做毕设的时候曾经尝试过写一个淘宝首页的页面,怎么说呢,html学起来知识点挺多挺脆,但是你学一个就能用,不想学后端框架那些的是一个整体的架构。之前学的html全都忘得差不多了,又得重写学习。
这次给了我一个模板,让我照着写。我打开看了一下,布局选用的是table布局,我以前学的时候,就曾经听说过,尽量不要用table布局,所以当时我也没咋学这个,我当时都是使用div+position进行布局的。这次看到也有点烦人,因为我之前用过table,感觉属性挺多的,而且也不知道精确定位到属性,说白了就是,某一段代码可以实现你想要的想过,但他同时有附加了其他问题,就是不能精准使用属性。
这几天,好好学了一下html,渐渐的熟悉了html的使用,打算写几篇博客,不为别的,就是做个笔记,以后不至于再重新学习的时候速度那么慢,同时也可能帮助一些初学者吧。
为什么不建议用table进行布局
在实际的项目开发过程中,我们不建议用table进行布局,原因如下:
- table比其它html标记占更多的字节。(造成下载时间延迟,占用服务器更多流量资源)
- table会阻挡浏览器渲染引擎的渲染顺序。(会延迟页面的生成速度,让用户等待更久的时间)
- table里显示图片时需要你把单个、有逻辑性的图片切成多个图。(增加设计的复杂度,增加页面加载时间,增加http会话数)
- 在某些浏览器中,table里的文字的拷贝会出现问题。(