如何为所有网页制作相同的布局

时间:2012-03-26 13:20:25

标签: html css html5

我目前正在研究HTML我想问一个关于网站开发的问题。我正在开发一个网站,其基本布局保持不变,如菜单,侧面菜单等,但只有内容更改。目前我已经单独制作.html所有网页的文件。 任何人都可以告诉我有没有办法让我可以创建一个单独的文件,并在我的html文件中调用它。我听说过CSS但它只会改变样式和布局。 感谢

5 个答案:

答案 0 :(得分:13)

如果您的HTTP(apache 2IIS服务器)支持Server Side Includes,那么您可以只包含其他HTML文件:

<!--#include file="header.html"-->

your content

<!--#include file="footer.html"-->

不需要服务器端语言 - 只需简单的HTML

答案 1 :(得分:4)

这是一个非常重要的主题,仅包含在一个答案中。所以我只给出逻辑部分。

将模板分成多个块,例如:

1. header.php
2. leftSidebar.php
4. rightsidebar.php
5. footer.php

现在,在每个页面上包含这些常见部分。

例如:index.php

<?php

    include "header.php";
    include "leftSidebar.php";
    echo "<div>".$thedifferentpart."</div>"; //Change only this part on every other page you will create.
    include "footer.php";

?>

注意: 这只是一个逻辑部分,在代码上应用概念

答案 2 :(得分:1)

是的,正如亚当所说,你最好的选择是服务器端语言。绝对避免使用旧式html框架:它们已被弃用,并且在编程方面和谷歌优化方面都会导致一定数量的问题。

通过使用服务器端语言,您仍将拥有整个页面,但它们将通过php(或asp)部分生成,将更多文件打印到一个页面中。例如:

http://www.php.net/manual/en/function.include.php

再见!

答案 3 :(得分:0)

从长远来看,最好的选择是使用ASP.net或PHP等服务器端语言

答案 4 :(得分:0)

我不相信这是可能的,严格来说是通过HTML。但是,您可以使用像PHP这样的服务器端脚本来完成它。您正在谈论的是模板,并经常使用。你想要的是将你的菜单项(和CSS)和页眉/页脚代码放在不同的页面中。这样,如果您对菜单或页眉/页脚进行了更改,它将反映在您使用模板方法编写脚本的所有页面(使用PHP编写)中。

您需要在主页面代码可访问的位置使用menu.html,header.html和footer.html。也就是说,您可以使用模板方法来编写页面内容。

PHP中的伪代码示例如下:

<?php
   include('header.html');
   include('menu.html');

    echo "Your main content items here";

   include('footer.html');
?>