我正在使用一个简单的基于表格的布局,它使用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>
答案 0 :(得分:2)
在接下来的几年(或几年)内,我没有看到任何浏览器会被删除。
表标记是一组有效且必需的标记。没有它,就无法显示表格数据。
发生了什么事,人们开始利用它来展示非常错综复杂的布局,最终无法维持。
没有人会以你正在使用的方式使用桌子来射击你。它非常简单,并且可以完成您正在开发的工作,因此请将其视为迭代。迭代开发很好。一旦你找到一个基于CSS的布局,这里的代码很简单,可以替换。
答案 1 :(得分:1)
如果您担心弃用,最好转移到CSS样式。如果你更舒服,你仍然可以使用表格布局,虽然我更喜欢浮动div。
答案 2 :(得分:1)
据我所知,标签不会被弃用。 我从一个非常好的来源获得它!
答案 3 :(得分:0)
弃用意味着未来版本的(X)HTML中不会出现这些功能。到目前为止,所有浏览器都支持旧版本的HTML,但我不会自己依赖它。
您可以使用CSS完成所有正在执行的操作以及更多内容,而无需使用黑客攻击。通过练习将帮助您保持相关技能。您现在拥有的页面需要显示两个额外的HTTP请求;这是否是一个问题取决于有多少人要求页面。