在HTML中创建母版(模板)页

Creating Master (Template) Pages in HTML

本文关键字:模板 HTML 创建      更新时间:2023-09-26

我一直在研究html的母版页。我遇到了一些选择;使用iFrames、jquery或php。然而,我还没有真正找到任何关于哪一个是最好的,或者如何开始的可靠信息。我的问题是:我应该用什么来创建html页面的母版页?我没有使用任何与Visual Studio相关的东西,只是使用常规的HTML、PHP、jquery、javascript之类的东西。

谢谢你的帮助。

远离iFrame并使用PHP。

首先,为您的页眉、正文内容和页脚提供单独的页面:

  • header.php(包含您的文档类型、介质包含(样式表、图标等)以及<body>标记之前和之后的所有内容。您可能希望在此文件中的所有页面上显示任何其他内容(例如,网站标题、图像等)
  • footer.php(包含将出现在每页上的页脚,包括结束正文和HTML标记)
  • index.php(包含您主页的内容)

header.php

<!doctype html>
<html>
<head>
    <title>My Site</title>
</head>
<body>

index.php

index.php中,您可以使用PHP include将页眉和页脚包含在主页中:

<?php include('header.php'); ?>
    <h1>Welcome to my Site</h1>
<?php include('footer.php'); ?>

footer.php

<p>Thanks for visiting.</p>
</body>
</html>