html表格与网页边界,运用html表格和CSS进行混合网页规划

r囧r小猫 2022-10-07 04:45 176阅读 0赞

运用CSS以及XHTML开发网页程序的优点正日益得到人们的称颂，但仍有许多 的开发者团体更依赖于运用HTML表格来操控页面的输出。让我们来考虑一下运用HTML表格和运用CSS办法的各自优点。

老办法未必欠好

当我刚开端进行网页规划时，我吃惊于HTML表格的强大和弹性。它们能够被无穷嵌套以到达预期的规划效果，而原先空白表格无法在浏览器中正确显示的问题则能够经过空白GIF图 片予以批改。可是HTML和表格背后的意义并不在于外观。

HTML表格用于规划出现表格式的数据。所以，如果你期望数据看起来像在Excel中那样，那么运用表格便是最佳答案。除了毫不费力的应付这些数据，早年的网页开发者们敏捷发现 了表格仍是操控网页输出与外观的绝佳办法。

将一个网页规划切割成不同的表格是很简略的事情，可是要手工编码完结相同的输出可就有些麻烦。别的，网页规划中很多嵌套的表格在需要改动时就成了令人头痛的梦魇，好在 相似Frontpage这样的可视化规划东西还能够助你一臂之力。要展示根据表格的输出，有个好办法便是运用一个示例。

表格规划能够供给我们期望的规划结果,可是终究的HTML代码就有点欠好理解了。运用表格的一个有利方面是很多浏览器全都支撑，包含相似IE 5.0这样的古老浏览器。这一点和基 于CSS的规划显着不同，可是CSS有一些不同的优点。

突破新的运用

几年之前，当CSS刚刚成型之时，网页规范就开端推行了。它的建立根据HTML被规划用于处理网页内容的事实。这意味着，它不是规划用于处理数据的。CSS继承了这个规划原理， 允许你很简略的将规划(HTML)和外观(CSS)区分开来。

首先，CSS是用于处理文本的外观，比如色彩和字体，不过逐步成长为支撑各种外观要素。除了简化文本外观以及色彩外，CSS还供给了布局功用。根据CSS的输出规划有个问题便是 浏览器的支撑。浏览器的支撑正在慢慢到达期望值，可是古老的浏览器永远也不可能支撑。在支撑有限的情况下，又有多种不同的作业区和修改版别。

让我们来看个运用CSS开发的HTML示例，和运用HTML表格的做个比照。在列表B中的HTML源代码，其浏览外观和运用DIV符号界说页面主要区域(题头，菜单，内容和页脚)的效果完 全相同。别的，菜单区运用了一个未排序的列表。CSS被包含在HTML的“head”部分中。它界说了不同的DIV符号的外观规矩。这包含了色彩和空白。

运用CSS输出的终究结果是规划更简略，因为内容将由HTML来操控(没有了表格，HTML源代码阅览起来也简略多了)，而外观则简略的交由CSS来操控。因为对CSS的支撑各个浏览器 有些差异，所以你有必要尽力不懈的进行测试，并部署许多的CSS修改以习惯已知的浏览器差异。至于这些修改(以及如何在旧式浏览器中作业)，则不在本文的讨论规模之内了。

其他规划办法

HTML表格和CSS并不是操控网页输出的仅有办法。你也能够运用Macromedia Flash来供给一个动态接口。不过，你总该别的供给一个HTML/CSS的通道，以服务那些浏览器不支撑 FLASH的用户，以及那些不注意FLASH接口的用户。

是否该选用混合之道?

我最近现已参加了多个项目，选用混合HTML表格和CSS的规划办法。这使得习惯当今为数很多的浏览器成为一件简略的事情。我也参加了一个特别的项目，运用纯粹的CSS规划，但 这是一个企业内部网程序，由客户浏览器进行操控，所以规划起来比较简略。

在眼下的这种网页情况下，我引荐混合的规划模式，CSS可用于操控一个页面中的绝大多数外观(字体，大小，色彩，等等)，而表格则能够辅助输出布局——特别在CSS的输出布 局功用没有得到广泛支撑时。