Question

这是我的主页布局：

<HTML>
<HEAD>

</HEAD>
<FRAMESET>
    <FRAMESET>
        <FRAME name="menu"  src=<%=menu%> >
        <FRAME src=<%=bottom%> >
    </FRAMESET>
    <FRAMESET>
        <FRAME  src=<%=tittle%>  >
        <FRAME name="center"  src=<%=center%>>
    </FRAMESET>
</FRAMESET>

由于这个页面是在10年前构建的，而html5不再支持框架集了，我想现代化我的布局。

现在哪种选择？

Answer 1

做一些关于html5的阅读。如果您的网站应该具有响应性，那么就应该进行改进（即它应该调整大小以适应各种大小的客户端，例如桌面浏览器和移动浏览器）。如果它应该响应那么做一些阅读。

我的“个人/一般”建议：

我认为你应该摆脱框架。如果您要使用asp.net（而不是MVC），您可以将页面之间共享的部分放在母版页中。菜单应位于<nav>元素中，导航菜单应使用<ul> / <li>元素构建，并且样式设置为您想要的样式。

网上有很多例子。例如，查看http://www.initializr.com/，您可以在其中以“新样式”下载新网站的模板。

Answer 2

本身没有其他选择。 “只是”使用现代HTML和CSS重写整个页面。如果您不知道如何做到这一点，我建议您购买一两本书（在HTML5和CSS3上）并从那里开始工作。对不起，但确实没有更具体的内容我们可以在这里回答你。

Answer 3

这样的事情应该让你开始：

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Test Page</title>
    </head>

    <body>
        <header>
            ...
        </header>

        <div id="content">
            ...
        </div>

        <footer>
            ...
        </footer>
    </body>
</html>

只需剖析一些现有网站即可。没有适合每种情况的配方。

框架集布局的现代替代方案

3 个答案: