码迷,mamicode.com
首页 > Web开发 > 详细

html布局

时间:2020-03-09 17:59:04      阅读:79      评论:0      收藏:0      [点我收藏+]

标签:w3c标准   table   调整   一起   元素   引擎   比较   tab   索引   

一、html布局主要有两种:使用div元素的布局使用span元素的布局

1.table元素布局

  • 优点:
  1. 理解比较简单
  2. 不同的浏览器看到的效果一般相同
  • 缺点:
  1. 显示样式和数据绑定在一起。
  2. 布局的时候灵活度不高。
  3. 一个页面可能会有大量的table元素,代码冗余度高。
  4. 增加带宽。
  5. 搜索引擎不喜欢这样的布局。

2.div元素布局

  • 优点:
  1. 符合w3c标准。
  2. 搜索引擎更加友好。
  3. 样式的调整更加方便,内容和样式的分离,使页面和样式的调整变得更加方便。
  4. 节省代宽,代码冗余度低。
  5. 表现和结构分离,在团队开发中更容易分工合作而减少相互关联性。

注意:div+css并不是我们抛弃table,因为table在显示数据时更加方便,因此我们要根据实际情况灵活应用。

html布局

标签:w3c标准   table   调整   一起   元素   引擎   比较   tab   索引   

原文地址:https://www.cnblogs.com/leoych/p/12449680.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!