在jsp页面布局的时候,什么情况下用div,什么情况下用table
有这个方面的书籍什么的么
------解决方案--------------------理论上随便。个人table布局容易一点。 但是现在基本好像都用div了
------解决方案--------------------1、页面渲染性能的区别:DIV是即读即加载的渲染方式。table 完全读完后才会开始渲染。DIV在遇到与自己对称的</div>之前,照样加载 div 中的内容。而table在读到与它对称的</table> 之前,table中的内容不加载。但如果网络速度够快,基本上感觉不到差异。除非是个4、5屏的大首页,肉眼能看出一点区别。
2、结构与表现分离:使用DIV相对更语义化,利于搜索引擎优化。搜索引擎喜欢内容与修饰分开。另外,就像是一个图片,写在<img>里,和写在CSS的background里,CSS类语句差别很大。table的各种标签,自身就包含了复杂的属性定义,并不是完全的结构与表现分离。
3、逻辑表现清晰:对于JS工程师来说,套DIV和套table没什么区别,只要页面逻辑表现清晰即可。这样说的话,DIV代码看上去相对更清晰,修改起来也更灵活,更有弹性。
4、浮动(position):具体到代码,table里是无法使用position浮动层叠的,为实现设计造成了一定的约束。
5、table代码"相对"臃肿:DIV的结构比TABLE简单,能给页面减肥。至于table,需要写下 <table><tr><td>这三个标签之后,才能开始真正的内容,而DIV只需<div>一个标签。精简了页面,增强维护性。
但是有时候,一些未知的结构,用table还是更好些。比如一个登录注册流程,用户名、密码的文本框的后面,会不断的无刷新冒出错误提示;或者输入三次错误,跳出验证码等未知的样子;或者是产品、设计不稳定导致需求不断变更……我之所以一直用“相对”、“比较”这种词汇,就是不想把话说的太死。无论是table还是DIV,各司其职就好。
------解决方案--------------------没多大感觉,有时美工弄的页面全是div,自己弄的话很随意地用,两者结合用
------解决方案--------------------貌似有本书《css/div》
------解决方案--------------------看自己喜欢
感觉table方便点 可以少量使用
但是table多了之后 维护起来比较麻烦
以后的趋势应该是用div布局的 配合css 页面变化就多了
------解决方案--------------------div用的比较多
table代码量较多
美工方面应该更喜欢用div
程序员嘛~为了简单方便有时候会用table(一些js的节点操作的时候)
(一切跟着美工走就对了)
------解决方案--------------------考虑seo 等 你打开一些大型的服务类型的网站基本都这样。