Question

我的代码是：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">
<html>
    <head>
        <title>
            Prueba
        </title>
    </head>
    <frameset rows="56px, *, 50px" border="0" framespacing="0" frameborder="NO">
        <frame class="header" src="header.html">
        <frameset cols="450px, *" border="0" framespacing="0" frameborder="NO">
            <frameset rows="*,150px" border="0" framespacing="0" frameborder="NO">
                <frame class="frame1" scrolling="auto" src="search_results.html">
                <frame class="frame2" scrolling="no" src="info.html">
            </frameset>
            <frame class="frame3" scrolling="no" src="map.html">
        </frameset>
        <frame class="footer" scrolling="no" src="footer.html">
    </frameset>
</html>

我想删除所有帧并使用表重建它。我尝试了一些东西，但我没有得到我想要的结果。

Answer 1

<table>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">
<html>
    <head>
        <title>
            Prueba
        </title>
    </head>
    <frameset rows="56px, *, 50px" border="0" framespacing="0" frameborder="NO">
        <frame class="header" src="header.html">
        <frameset cols="450px, *" border="0" framespacing="0" frameborder="NO">
            <frameset rows="*,150px" border="0" framespacing="0" frameborder="NO">
                <frame class="frame1" scrolling="auto" src="search_results.html">
                <frame class="frame2" scrolling="no" src="info.html">
            </frameset>
            <frame class="frame3" scrolling="no" src="map.html">
        </frameset>
        <frame class="footer" scrolling="no" src="footer.html">
    </frameset>
</html>
</table>

有

但是认真的。您不希望使用表格进行布局。你也不应该使用框架。

要走的路是使用div。或者新的HTML5元素。

添加到HTML的一些新元素是：

节元素

部分
NAV
制品
预留
hgroup
头
页脚
地址

分组元素

图
figcaption

不使用表格进行布局时的一些好处：

表格渲染速度较慢
表格效果不佳
表格不是用于布局的正确语义元素
表格用于表格数据
表格不是很灵活

请注意，当您想要使用新的HTML5元素时，您应该设置正确的doctype：

<!DOCTYPE html>

另请注意，“较旧”的浏览器（和IE）不知道新元素。要解决此问题，您可以在文档的头部添加这个简单的JS脚本：

<script>
  document.createElement('header');
  document.createElement('nav');
  document.createElement('section');
  document.createElement('article');
  document.createElement('aside');
  document.createElement('footer');
  document.createElement('time');
</script>

您将获得的内容如下：

<强> CSS

#body { width: 960px; }
aside { width: 450px; float: left; }
.content { margin-left: 450px; }

<强> HTML

<div id="body">
    <header>
        <h1>Your header</h1>
    </header>
    <aside>
        <p>Aside</p>
    </aside>
    <div class="content">
        <h2>Title</h2>
        <p>Some text</p>
    </div>    
    <footer>
        <p>Your footer</p>
    </footer>
</div>

<强>演示

http://jsfiddle.net/ZGPAW/

Answer 2

您无法使用表格复制框架的功能。如果您有理由重建站点，最好从头开始，包括使用功能，总体布局和服务器端技术的决策。

如何将此代码放入表中？

2 个答案: