现在对于网页制作是选择传统的TABLE还是用新型的DIV,有分歧。一部分说还是用TABLE好,开发快,容易控制,浏览器兼容也好些;另一部分认为DIV好,以后的发展趋势,,主要是如下原因:
div+css布局比table布局节省页面代码,代码结构也更清晰明了。
div+css开发速度要比table快,而且布局更精确,不过手写代码明显增加div+css布局,使网站版面布局修改变的更简单。
div+css布局能够适应未来多种客户端需求。
div+css布局节约站点所占空间和站点流量。这些都是DIV的好处。
DIV有这么多好处是不是有些心动,决定学它。div和table各有长处,通常情况下它们可以互换使用。
我感觉正确的符合标准的设计思路是:使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等。使用TABLE,UL等这样的元素来显示页面中需要展示的数据。因为div不会像table一样,在IE下要将整个table下载完后才全部显示内容(firefox不会),所以用table来布局显然是不合适的,尤其是数据量大时,在IE下用table会发现慢的多。而DIV就好多了。当然,DIV也起整理数据的作用。
div用于布局,table用于显示数据,这是现在最基本的设计原则
[整理]1:table里可以内嵌div。反之div可以内嵌table吗??
当然可以了。
对于DIV
定义
表示一块可显示 HTML 的区域。
Specifies a container that renders HTML.
注释
此元素在 Internet Explorer 3.0 及以上版本的 HTML 中可用,在 Internet Explorer 4.0 及以上版本
的脚本中可用。
此元素是块元素。
此元素需要关闭标签。
The DIV element is available in HTML as of Internet Explorer 3.0, and in script as of
Internet Explorer 4.0.
This element is a block element.
This element requires a closing tag.
示例代码
下面的例子使用了两个 DIV 元素对两段文字进行了不同的对齐处理。
This example uses two DIV elements to align two sections of text differently.
<DIV>
此文本代表一段。可以在这里放你的HTML或文本
</DIV>
<DIV ALIGN=CENTER>
此文本代表另外一段,其中文本居中显示。
</DIV>
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码。
2:div是不是跟table一样的作用?
div的作用跟table是差不多的
但是div对xml的支持更好 而且使用起来比较灵活
因此被推荐为新的网页布局方式
3:div TABLE 哪个速度快?
DIV相对比较快,网页内容的显示需要将相对一整块的内容下载完成后再显示。使用DIV布局是许多的独立
的相对较小的范围,而使用table布局一般都会表格嵌套多层形成较大的下载范围。
分享到:
相关推荐
在网页设计领域,传统的`table`布局曾是构建网页结构的主要方式,但随着Web标准的发展,`div`结合`CSS`布局(层叠样式表)逐渐成为主流。`table`布局虽然简单易用,但在复杂性和可维护性上存在诸多问题,如不易控制...
Table是一种早期的网页布局方式,它主要用于数据展示,但在复杂的网页设计中,表格布局可能导致页面加载速度慢,且不易于调整和扩展。相比之下,Div是HTML中的一个通用容器元素,配合CSS(层叠样式表)可以实现更...
在网页设计领域,布局方式是至关重要的,传统的HTML表格(table)因其结构化的特性,在过去被广泛用于网页布局。然而,随着Web标准的发展,CSS(层叠样式表)的使用越来越普及,它允许更灵活、可扩展的布局,并提高...
在网页设计领域,将传统的HTML表格(table)转换为由CSS布局控制的div元素,是一种常见的优化网页可维护性和响应式设计的方法。标题"table转div、table转css"所指的就是这一过程,即利用特定工具将原本用表格布局的...
CSS+div 和 table+css 是网页布局的两种常见方法,它们各有优缺点。首先,我们来看一下 div 和 table 的基本概念。 `div` 是 HTML 中的一个块级元素,用于组织文档的大块内容。它是一个容器,可以容纳其他 HTML ...
2 使用Frameset+Table布局(div也可) 3 对用户ID和用户名、口令不符合条件及时判断 4 对口令不一致进行及时判断 对34的及时判断,要求提示信息必须显示在同一个页面 也就是说显示在当前的行的后面或者上面或者下面 ...
在网页设计中,布局是至关重要的,因为它决定了页面元素如何排列和对齐。"利用层的table-row、table-cell属性进行页面布局"是一种常见的CSS布局技术,尤其在早期的Web开发中广泛使用,尽管现代CSS布局如Flexbox和...
通过结合使用Div和CSS,我们可以实现灵活多变的网页布局。 在本案例中,"三行一列"的布局模版是一种常见的网页设计结构,适用于展示信息或者构建复杂的页面。这种布局将页面分为三个垂直区域,每个区域又细分为一列...
本文将深入探讨如何在服务器端利用存储过程生成`table`数据,并将其嵌入到`div`容器中,以实现更灵活的页面布局。 首先,`div`(division)是HTML中的一个块级元素,它主要用于对页面内容进行分组和布局。通过CSS...
首先,Div仿制table是通过CSS布局(如Flexbox或Grid)和JavaScript来构建一个看起来和表格类似的结构,这样可以更灵活地控制单元格的样式、行高和列宽,同时还能实现响应式设计。对于不支持这些新特性的老旧浏览器...
`DIV+CSS`布局为网页设计师提供了强大的工具,不仅提升了页面的灵活性和性能,还简化了维护工作。通过学习和实践`DIV+CSS`布局,我们可以创建出更加优雅、高效的网页。在实际项目中,结合固定头部和底部的技巧,可以...
在网页设计中,传统的表格布局通常使用`<table>`、`<tr>`、`<td>`等HTML标签来实现,但随着CSS技术的发展,我们可以通过使用`div`元素结合CSS样式来实现类似表格的布局,这被称为“CSS布局”或“DIV布局”。这种布局...
“布局工具”则点明了软件的性质,是一种辅助设计工具,用于改善网页布局。 【压缩包子文件的文件名称列表】中,msvcr80.dll、msvcp80.dll、unicows.dll、atl80.dll是微软Visual C++运行库的相关文件,用于支持程序...
综上所述,`div+css`整体布局涉及到HTML结构的构建、CSS样式的控制,特别是`float`属性的灵活应用和`div`的居中处理,这些知识点构成了网页布局的基础。通过深入理解和实践,可以创建出适应各种需求的高效、美观的...
相比之下,DIV+CSS提供了更好的灵活性和控制力,可以实现更复杂的布局,同时有利于提高页面加载速度和适应不同设备的显示。 对于“老美工”来说,Table布局可能更容易理解和操作,因为它们更直观地反映了页面的物理...
一旦学了CSS知识,你会发现使用table做页面布局会变得更麻烦。 (先花时间学一些CSS知识,会省去你以后大量的时间。) table对对于页面布局来说,从语义上看是不正确的。 (它描述的是表现,而不是内容。) table代码会...
在使用DIV+CSS进行网页布局时,主要知识点包括: 1. **DIV元素**:DIV是HTML中的一个块级元素,通常用于组织页面内容。通过设置CSS属性,可以调整DIV的大小、位置以及与其他元素的关系,实现复杂的网页布局。 2. *...
在这个案例中,我们关注的是“table布局”,一种传统的网页布局方式,尤其适用于展示结构化数据,如纺织品的信息。然而,随着Web技术的发展,现代网页设计更倾向于使用Div+CSS布局,它提供了更大的灵活性和更好的可...
Table2CSS是一款可以将表格布局网页完美转换 成DIV+CSS方式的软件。 支持外部CSS,支持网页及目录批量转换。 Table2CSS在线演示视频:(演示视频为英文版本,软件为中文版本) http://www.table2css.com/demo-video ...
在网页设计中,传统的HTML表格(table)曾经是布局的重要方式,但由于其对网页加载速度的影响和不灵活性,现代网页设计更多地倾向于使用CSS布局,尤其是div元素配合CSS样式。"将table转换成div+css"这个主题正是针对...