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

【问题标题】：Modern alternative for frameset layout框架集布局的现代替代方案
【发布时间】：2012-12-28 08:06:51
【问题描述】：

这是我的主页布局：

<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 不再支持框架集，我想更新我的布局。

现在有什么替代方案？

【问题讨论】：

大部分时间在服务器上没有可用的脚本语言时使用的框架集，以便更容易地分离菜单表单内容。或减少加载时间。如果你想减少加载时间，你可以使用 ajax 请求。因此，当前替代框架的方法是使用组合/发布框架或服务器端 mvc 框架。
只是为了布局。
然后看看Blender的答案和Modernizer

标签： asp.net html web-applications

【解决方案1】：

本身没有替代方案。 “只需”使用现代 HTML 和 CSS 重写您的整个页面。如果您不知道该怎么做，我建议您买一两本书（关于 HTML5 和 CSS3），然后从那里开始工作。很抱歉，我们无法在这里回答您的具体问题。

【讨论】：

【解决方案2】：

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

<!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】：

阅读有关 html5 的内容。确定您的网站是否应该响应式（即是否应调整大小以适应各种大小的客户端，例如桌面浏览器和移动浏览器）。如果它应该是响应式的，请阅读相关内容。

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

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

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

【讨论】：

个人意见：如果可能的话，我也会尝试摆脱 asp.net 并使用 MVC。 asp.net 旨在成为具有大致相同形式、控件和事件隐喻的 Visual Basic 桌面应用程序的“Web 近似”。我认为这个比喻不再重要了。