Fe-interview: [html] 第109天 有好多网站不常用table和iframe这两个元素，知道原因吗？
第109天 有好多网站不常用table和iframe这两个元素，知道原因吗？
html
haizhilin2013
All 3 comments
iframe对SEO不友好，table就不知道了，一直都是用div代替table
LemonSea
on 3 Aug 2019
table布局可是当年很火的方案，现在基本不用了。稍微改动一下table里面的元素，就会造成重绘，会有一定的性能问题。现在的布局方案也很多了，flex，grid等。
rocky-191
on 3 Aug 2019
iframe
坏处：
是一个单独的容器，因此不会应用全局的CSS样式
会和网页共用域名连接池，因此可能由于iframe占用了连接数导致加载阻塞
搜索引擎爬虫不易爬取，不利于SEO
相比直接操作DOM元素，使用iframe更耗费资源
好处：
可以用其展示广告，可以避免由于添加广告而网站被爬虫拒绝收录的情况
table
坏处：
table的内容会等内部的所有内容加载完成才会显示，比基于div+css实现的表格布局加载速度慢。
会导致网页语义发生错误，不利于无障碍功能
改动内部内容会造成整个table重绘，消耗更多资源
好处：
前期广泛用于后台管理系统，由于普通的后台管理系统大多都是表格布局，基于table编程难度低
且面向内网的管理系统对性能要求没那么高
LinStan
on 3 Aug 2019
👍9
Was this page helpful?
0 / 5 - 0 ratings
Related issues
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
Most helpful comment
iframe
坏处：
是一个单独的容器，因此不会应用全局的CSS样式
会和网页共用域名连接池，因此可能由于iframe占用了连接数导致加载阻塞
搜索引擎爬虫不易爬取，不利于SEO
相比直接操作DOM元素，使用iframe更耗费资源
好处：
可以用其展示广告，可以避免由于添加广告而网站被爬虫拒绝收录的情况
table
坏处：
table的内容会等内部的所有内容加载完成才会显示，比基于div+css实现的表格布局加载速度慢。
会导致网页语义发生错误，不利于无障碍功能
改动内部内容会造成整个table重绘，消耗更多资源
好处：
前期广泛用于后台管理系统，由于普通的后台管理系统大多都是表格布局，基于table编程难度低
且面向内网的管理系统对性能要求没那么高