1、2HTML表格布局是WEB10时代主要使用的布局方式，即使用TABLE标签进行布局，优点是布局比较简单3HTML DIV布局是WEB20时代主要使用的布局方式，优点是符合W3C标准，载入速度比较快，也比较便于做结构分离4现在一般都是提倡使用DIV布局，但也不是说就淘汰表格布局了，视具体的场景需要，在很多场景。

2、DIV的优点是1结构跟样式分离开来，代码简洁清晰 ，便于维护 开发2容易被收索引擎收录3定位精准缺点是需要考虑浏览器兼容性的问题，比较难学当然 DIV支持的所有样式 表格同样的都支持，表格的缺点虽然多，但是还有有DIV无法取代的，比如企图让DIV里的内容垂直居中，那就麻烦了，表格责。

3、一通过表格来布局 表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响而且表格在定位图片和文本上比起用CSS更加方便表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响 二通过层叠样式表来布局 CSS层叠样式表被提出来，它能完全精确的定位文本和图片CSS。

4、DIV+CSS布局最大的优点还在于，网页布局的更改性，哪天你想要改变网页布局的话，只需要更改你的CSS文件即可，而没有必要像以前那样，重新编制一份大型的表格嵌套表格的网页布局，极大的方便了网页的维护和优化工作现在有很多网站都有主题更换功能， 空间，人人网，百度空间新浪博客等都是将一系列主。

5、优点浏览器解析比较准确，一般不会出现错误缺点不够灵活，且样式单一，难维护 DIV+CSS布局 优点布局灵活，能够实现样式与结构的完全分离，易于维护，能够有更多的创意缺点各个浏览器在解析上存在一定的区别，需要针对不同浏览器进行专门的代码优化随着网页技术的发展，表格布局基本已经被淘汰。

6、2HTML布局主要有两种方式，一种是表格布局，一种是DIV布局HTML表格布局是WEB0时代主要使用的布局方式，即使用TABLE标签进行布局，优点是布局比较简单3流动布局html网页默认的布局方式特点块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。

7、排版布局，在实际的应用我们还可以利用它来美化整个页面而且对于新手来说，利用表格定位，进行网页布局是比较适合的虽然div+css对于布局网页有一定的优势，但是比较复杂，就是是高手，有时也会出现各种各样的问题，所以，如果你的能力还不是非常高的话利用表格规划布局网页内容，还是不错的选择。

8、使用框架的优点访问者的浏览器不需为每个页面重新加载导航条每个框架都具有自己的滚动条，因此访问者可以独立滚动这些框架进行浏览使用框架的缺点1并不是所有浏览器都提供良好的框架支持 2难以实现在不同框架中精确的对齐各个页面元素 使用表格布局页面的好处网上绝大部分的页面都是使用表格来。

9、表格设置是为了呈现二维数据的div+CSS 也就是WEB标准化，能更好的将设计与内容分离html看起来很简洁维护起来也很方便的，你只需要改CSS就能改变整个网页的风格而且代码也便于阅读这与速度没有多大关系DIV+CSS设计，html文件看起来小了，但CSS文件大了当然我们要输出二维数据的时候还是要用。

10、1结构清晰2更快的下载速度3易于改版和更新4搜索引擎优化，避免了Table嵌套层次太多无法被搜索引擎抓取的问题而且简洁结构化的代码更加有利于突出重点和适合搜索引擎抓取。

11、遇到文字需要换行的使用br标签即“ltbr ”，值得注意br标签是单独的标签非盒子标签，独立的一个标签，什么地方需要换行就使用br标签8表格型table表格标签在HTML布局中，学习DIV CSS并不意味着放弃table标签，这个有时还是需要table标签的，比如遇到表格型布局的，还是需要table tr td标签布局。

12、div灵活一些，但不能嵌套太多层table 用于一般的列表比较多些希望能帮助你如果，行数和列数比较固定，建议用table，如果变化比较大，有花样式的，每行的变化比较大用div，在这两个布局来说，div布局工作量上是table的两倍以上。

13、利用HTML进行布局的方法有1通过“lttable”标签来对表格的行和列进行排列来实现页面布局的效果2将网页内容放在多个页面中的多列布局3使用div和span标签进行布局页面布局标题前端的一部分，用于页面顶部ltheader标签用于在网页中添加标题部分导航栏导航栏与菜单列表相同它用于使用。

14、div+css布局好，现在主流的网站均采用此种方法布局1div+css和表格相比较，其优点是其布局定位简单，表格布局需要使用文字做内容，当想修改部分内容就要改动整个表格甚至真个界面，不利于后期的维护和前期的开发2div+css提升了网页访问速度，div+css布局较传统的Table布局比较，减少了许多代码，其。

15、长度适中其次，网站的风格要统一，这包括网站上所有网页的背景导航条图像文字等元素都要有统一的风格，使用户在浏览网站时能够获得一致的视觉体验最后，合理设计视觉效果也是关键，表格可以用来对网页中的各个元素进行布局定位，以突出网页的重点，使用户能够更快地找到他们感兴趣的内容。

16、center*水平居中，可选*```方法二使用表格布局表格布局也可以实现内容的垂直居中以下是一个使用表格布局的示例HTML代码```htmltabletrtdp这是一个垂直居中的内容示例ptdtrtable```CSS代码```csstableheight300px*设置表格高度*width100%*设置表格宽度*display。

17、7表现和内容相分离将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能8更方便搜索引擎的搜索用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价ranking缺点比较表格布局和CSS+DIV发现，CSS语法其实很容易方便。

18、网页设计需遵循一定的原则，确保页面的有效性页面要易于阅读，命名简洁，长度适中页面风格需统一，网站上的背景导航条图像文字等元素需保持一致的风格此外，合理设计视觉效果也非常重要，善用表格布局，将页面中的各个元素进行合理定位，从而突出网页的重点在页面设计中，header扮演着重要角色。