问题 - 表格布局,iFrame,代码弃用

时间:2009-04-17 16:38:48

标签: html css iframe layout html-table

我正在使用一个简单的基于表格的布局,它使用iFrames,如下例所示。此代码在所有现代浏览器中都能很好地呈现。 iFrame通常填充长数据表,但没有奇怪的行为或削波。

我担心的是,它看起来像是一个非常糟糕的黑客。除了基于表格的布局,我是否应该担心弃用所有width =“100%”height =“100%”属性为HTML和iFrame标签

我知道CSS可以做得最多,如果不是全部的话,但是我不想使用浮动黑客,而且我无法在所有现代浏览器中找到任何可用的东西。

要明确的是,我正在寻找意见和建议,以确定这个解决方案是否适合未来几年,或者我是否应该继续深入研究CSS黑客攻击。

感谢您的任何反馈。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
 <style type="text/css">
   <!--
    html, body
    {
      height: 100%;
      margin: 0px;
    }
    -->
 </style>
</head>
<body>
   <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    <tr>
        <td colspan="2"><div align="center">This is the header.</div></td>
    </tr>
    <tr>
        <td height="100%">
            <iFrame src="pane1.php" width="100%" height="100%" frameborder="0"></iframe>
        </td>
        <td height="100%">
            <iFrame src="pane2.php" width="100%" height="100%" frameborder="0"></iframe>
        </td>
    </tr>
    <tr>
        <td colspan="2">This is the footer.</td>
    </tr>
   </table>
</body>
</html>

4 个答案:

答案 0 :(得分:2)

在接下来的几年(或几年)内,我没有看到任何浏览器会被删除。

表标记是一组有效且必需的标记。没有它,就无法显示表格数据。

发生了什么事,人们开始利用它来展示非常错综复杂的布局,最终无法维持。

没有人会以你正在使用的方式使用桌子来射击你。它非常简单,并且可以完成您正在开发的工作,因此请将其视为迭代。迭代开发很好。一旦你找到一个基于CSS的布局,这里的代码很简单,可以替换。

答案 1 :(得分:1)

如果您担心弃用,最好转移到CSS样式。如果你更舒服,你仍然可以使用表格布局,虽然我更喜欢浮动div。

答案 2 :(得分:1)

据我所知,标签不会被弃用。 我从一个非常好的来源获得它!

请参阅Are IFrames (HTML) obsolete?

答案 3 :(得分:0)

弃用意味着未来版本的(X)HTML中不会出现这些功能。到目前为止,所有浏览器都支持旧版本的HTML,但我不会自己依赖它。

您可以使用CSS完成所有正在执行的操作以及更多内容,而无需使用黑客攻击。通过练习将帮助您保持相关技能。您现在拥有的页面需要显示两个额外的HTTP请求;这是否是一个问题取决于有多少人要求页面。