Question

我一直在用PHP构建一个网站。我对使页面正确显示的方法或技术感到困惑。

我的主要观点是index.html。从这里，用户可以单击导航。我希望所有12个页面都具有相同的标题信息。我尝试在Dreamweaver中使用标签，然后只使用标签。

??我对使用标签和使用之间的区别感到困惑一个名为header.php

的文件

关注：建议回复。我按照建议编辑了代码现在当我在浏览器中查看'我得到'未找到服务器'时。

请注意。我正在使用DreamweaverCC：

文档根/库/ WebServer /文档

的header.php ：

<!doctype html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
     <h1>General Header Information for Top of Each Page</h1>

的index.html

<?php include_once ('header2.php');  ?>
<!doctype html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>index.php</title>
<link href="file:////Library/WebServer/Documents/webDevelopDWsites        /boilerplate.css"   rel="stylesheet" type="text/css">
<link href="file:///Library/WebServer/Documents/webDevelopDWsites/indexFourSquare.css" rel="stylesheet" type="text/css">

<script src="file:///Library/WebServer/Documents/webDevelopDWsites/respond.min.js">  </script>
</head>
<body>

<?php include 'header2.php';  ?>
    <div class="gridContainer clearfix">
    <div id="div1" class="fluid">
    <header id="header" class="fluid">Web Development by myName</header>

    <div id="Square1" class="fluid"><a href="file:///Library/WebServer/Documents /webDevelopDWsitesimages/Square1.jpg"><img src="images/Square1.jpg"  alt=""/></a></div>

    <div id="Square2" class="fluid"><a href="file:///Library/WebServer/Documents/webDevelopDWsites/Square2.html"><img src="images/Square2.jpg"  alt=""/></a></div>

     <div id="Square3" class="fluid"><a href="file:///Library/WebServer/Documents/webDevelopDWsites/Square3.html"><img src="images/Square3.jpg"  alt=""/></a></div>

     <div id="Square4" class="fluid"><a href="file:///Library/WebServer/Documents/webDevelopDWsites/Square4.html"><img src="images/Square4.jpg"  alt=""/></a></div>

     <div id="siteMap" class="fluid">siteMap</div>
    </div>
</div>
</body>
</html>

我是否在其他每个页面的代码中加入header.php？我这样做但是没有用。

所以我尝试过这样做：我创建了一个index.php并将所有index.html代码复制到index.php中，并将其添加到代码顶部。

<?php include 'header.php';  ?>

当我使用'浏览器中的视图'启动index.html：

时

我正确地收到了网页
但是'没有标题信息。'

当我点击图片导航到其他页面时，它可以工作：

但是'没有标题信息'。

点击index.php时：

我只获取标题信息。

Answer 1

通常，网站分为3部分：

enter image description here

页眉和页脚跟随所有页面，它只会改变之间的页面。因此，在您的 header.php 上，您将拥有：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>headerForFourSquares
</title>
</head>
<body>    
        <h1>General Header Information for Top of Each Page.</h1>

那就是，不要在这里关闭<body>标签。

现在在 index.php 中，您可以执行以下操作：

<?php include_once('header.php'); ?>

//all your index content here

<?php include_once('footer.php'); ?>

最后 footer.php ：

</body>
</html>

它的工作方式。对于其他每个页面，您应该包括上面的页眉和页脚。

您的索引文件与.php扩展名一致。如果页眉和页脚文件没有PHP代码，则它们可以是 .html 扩展名。

你说index.html不会执行任何PHP代码，但你不会解释原因。

当你的.html文件中有PHP代码时，当浏览器打开一个包含PHP代码的.html文件时，它不会期望任何PHP代码存在，因此不解释它。虽然，您可以强制它在here之后解释PHP，但这本身就是一种不好的做法，因为在<?xml之类的其他语言中可能会出现冲突，因为PHP也以<?开头。

你需要通过 localhost 运行它而不是通过浏览器打开文件路径的原因是因为虽然HTML是一个客户端脚本，它可以在没有任何服务器的情况下自由运行但PHP是一个服务器端脚本，将由服务器解释，这就是我们使用xampp，wamp等Web服务器软件包进行本地测试的原因。

使用.html和.php澄清页眉和页脚

1 个答案: