html学习(一)为什么不建议用table进行布局

本文探讨了在HTML布局中不建议使用table的原因,包括下载延迟、渲染速度、设计复杂性、语义不正确等问题,并提倡使用div+CSS进行更灵活的布局。通过学习CSS,可以提高页面设计的效率和自由度。
摘要由CSDN通过智能技术生成

  这几天在写一个html页面,之前做毕设的时候曾经尝试过写一个淘宝首页的页面,怎么说呢,html学起来知识点挺多挺脆,但是你学一个就能用,不想学后端框架那些的是一个整体的架构。之前学的html全都忘得差不多了,又得重写学习。
  这次给了我一个模板,让我照着写。我打开看了一下,布局选用的是table布局,我以前学的时候,就曾经听说过,尽量不要用table布局,所以当时我也没咋学这个,我当时都是使用div+position进行布局的。这次看到也有点烦人,因为我之前用过table,感觉属性挺多的,而且也不知道精确定位到属性,说白了就是,某一段代码可以实现你想要的想过,但他同时有附加了其他问题,就是不能精准使用属性。
  这几天,好好学了一下html,渐渐的熟悉了html的使用,打算写几篇博客,不为别的,就是做个笔记,以后不至于再重新学习的时候速度那么慢,同时也可能帮助一些初学者吧。

为什么不建议用table进行布局

  在实际的项目开发过程中,我们不建议用table进行布局,原因如下:

  • table比其它html标记占更多的字节。(造成下载时间延迟,占用服务器更多流量资源)
  • table会阻挡浏览器渲染引擎的渲染顺序。(会延迟页面的生成速度,让用户等待更久的时间)
  • table里显示图片时需要你把单个、有逻辑性的图片切成多个图。(增加设计的复杂度,增加页面加载时间,增加http会话数)
  • 在某些浏览器中,table里的文字的拷贝会出现问题。(
  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值