用表格制作网页和css的区别，简要说明表格与div+css在网页布局时的区别

怎样区分网站是采用表格,框架还是XHTML(div+css)结构?

1、div+css和表格相比较，其优点是其布局定位简单，表格布局需要使用文字做内容，当想修改部分内容就要改动整个表格甚至真个界面，不利于后期的维护和前期的开发。

2、表格布局与框架布局其实差不多，可以放在一块说。

3、表格只是用在它该用的地方（组织数据用的），对于现在及以后页言，div+css就是主流，好处你应该明白，表格不应用来网页布局。

4、CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。 提高易用性。使用CSS可以结构化HTML，例如：p标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。

相关问答

Q1: 请说明HTML中Table和DIV+CSS布局的区别

1、div+css提升了网页访问速度，div+css布局较传统的Table布局比较，减少了许多代码，其浏览访问速度自然得以提升，从而提升了网站的用户体验度。div+css有利于优化。

2、CSS+DIV布局需要编写大量CSS样式代码来控制各布局DIV层，因此要掌握它相对表格布局会困难一些。

3、table布局的好处(table布局也不是一点用的没有，这点是毋庸置疑的)容易上手。可以形成复杂的变化，简单快速。表现上更加严谨，在不同浏览器中都能得到很好的兼容。

4、div+CSS 也就是WEB标准化，能更好的将设计与内容分离。html看起来很简洁。维护起来也很方便的，你只需要改CSS就能改变整个网页的风格。而且代码也便于阅读。这与速度没有多大关系。

Q2: 表格布局和CSS样式布局那个好?

更好的控制页面布局。不用多说。表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。更方便搜索引擎的搜索。

采用CSS+DIV进行网页相对与传统的TABLE网页布局而具有以下几个显着优势： 表现和内容相分离 将设计部分单独分离出来放在一个独立样式文件中，HTML文件中只存放文本信息。

CSS+DIV布局需要编写大量CSS样式代码来控制各布局DIV层，因此要掌握它相对表格布局会困难一些。

后来出现了DIV+CSS（更合理的叫法是XHTML+CSS）的布局方法，与传统中通过表格（table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。

div+css布局的好处：符合W3C标准，代码结构清晰明了，结构、样式和行为分离，带来足够好的可维护性。布局精准，网站版面布局修改简单。

Q3: 动态网站中表格布局和DIVCSS布局哪种方法更适合?

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

；前几年的话大部分网站都是使用表格布局。2；随着最近几年的技术发展开始使用DIV+css来布局。

修改设计时更有效率 由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。

布局比较灵活：DIV+CSS想修改哪里就修改哪里，在网站改版的时候，甚至有时候只需要修改一个CSS即可，而TABLE想要修改，则需要改动表格，比较繁琐。

出了特别适合用表格的都是css布局好 Div+CSS标准的优点：大大缩减页面代码，提高页面浏览速度，缩减带宽成本；结构清晰，容易被搜索引擎搜索到，天生优化了seo 缩短改版时间。

用表格制作网页和css的区别的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于简要说明表格与div+css在网页布局时的区别、用表格制作网页和css的区别的信息别忘了在本站进行查找喔。