html表格布局的优点(html用table做布局)

2HTML表格布局是WEB10时代主要使用的布局方式，即使用TABLE标签进行布局，优点是布局比较简单3HTML DIV布局是WEB20时代主要使用的布局方式，优点是符合W3C标准，载入速度比较快，也比较便于做结构分离4现在一般都。

使用表格布局页面的好处网上绝大部分的页面都是使用表格来美化的，因为表格有很好的兼容性，可被绝大部分的浏览器所支持，而且使用表格会使页面结构清晰布局整齐补充在网上很难找到用框架布局的网站，大部分都是用DIV。

css网页稍微会快点，但是总体的用户体验感觉差别不是很大搜索引擎优化方面，我曾经用过cms数据采集，里面的程序用的HtmlParser类库解析 html网页，然后将元素中的数据用java dom转化为xml导入到数据库这个类似蜘蛛的程序在爬。

表格的作用不仅仅局限于页面的元素定位排版布局，在实际的应用我们还可以利用它来美化整个页面而且对于新手来说，利用表格定位，进行网页布局是比较适合的虽然div+css对于布局网页有一定的优势，但是比较复杂，就是是高手。

2DIV+CSS布局优点符合标准，网页结构清晰，布局灵活，修改方便，能节省页面加载带宽缺点就是，比表格布局难掌握，如果不能驾驭它，兼容性是个很大的问题 3表格+CSS布局没什么好说的，四个字“不伦不类”。

优点布局灵活，能够实现样式与结构的完全分离，易于维护，能够有更多的创意缺点各个浏览器在解析上存在一定的区别，需要针对不同浏览器进行专门的代码优化随着网页技术的发展，表格布局基本已经被淘汰，主流的是Div+Css的。

5用只包含结构化内容的HTML代替嵌套的标签，提高另外搜索引擎对网页的搜索效率二table布局的好处table布局也不是一点用的没有，这点是毋庸置疑的1容易上手2可以形成复杂的变化，简单快速3表现上更加ldquo。

使用样式表布局的原因如果网页不能用来可视化的呈现信息，例如，用语语言合成器朗读，那么表格就不适于用来实现布局另外，当网页中包含宽度较大的图片是，就会强制用户使用水平滚动条来浏览，这有可能会破坏原有的布局为了。

1结构与表现分离，用DIV完成结构，用CSS控制表现，这样带来的好处非常多，DIV精简了页面，提高了灵活性而精通CSS的设计师能避免DIV的重复嵌套，从而大大提高页面加载速度，以及站点的可以维护性2选用DIV 来配合CSS的。

8更方便搜索引擎的搜索用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价ranking缺点比较表格布局和CSS+DIV发现，CSS语法其实很容易方便，设计师也都承认掌握。

div的优势在于布局灵活，便于维护，代码清晰，这对SEO是很有帮助的，实现加快网页解析的速度，缺点是浏览器的兼容，但是通过css hack和JavaScript都可以解决table的优势在于浏览器兼容好，但是缺点是代码混乱不易于维护推荐。

1新建一个Excel文档，点击工具栏中的“视图”选项2点击“页面布局”，切换到页面编辑模式，可以看到页面的内容，包括页眉和页脚3对表格进行合并操作，输入要填写的内容，修改字体大小，设置对齐方式可以像WORD一样编辑。

div+css布局好，现在主流的网站均采用此种方法布局1div+css和表格相比较，其优点是其布局定位简单，表格布局需要使用文字做内容，当想修改部分内容就要改动整个表格甚至真个界面，不利于后期的维护和前期的开发2div+。

div，你可以理解为一个方形的盒子，table你可以理解为表格式的盒子div和table布局方式，是目前网页的常用布局方式table代码繁琐，但兼容性好div，简介，明了不过要注意属性设置，不然有可能变形哦。

8更好的控制页面布局不用多说 9表现和内容相分离将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能 10更方便搜索引擎的搜索用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将。