Question

所以，我试图创建一个网站，但问题是我无法找到最有效的方法来保持每个页面的标题。我的标题是HTML代码，它是网站上最重要的导航来源。选项卡使用指向其他HTML文件的链接进行导航（所有这些文件都位于我的计算机上），因此每个新页面都是另一个单独的HTML文件。以下是我使用的许多不同的方法，这些方法都以这种或那种方式落空：

最基本的方法：将标题代码复制到网站上的每个HTML页面。我目前正在使用这种方法，它可能是迄今为止最无效和最愚蠢的方法。缺点（这是非常明显的）是，它不仅乏味，而且每次我更改标题（如可能添加不同的菜单，添加另一个选项卡，更改图像等）我必须复制新的标题代码到其他一切。那太荒谬!!
我尝试使用w3schools方法在页面HTML文件上实现单独的HTML文件（仅包含HTML代码）。所以，我有每个页面使用的标题的1个HTML文件，所以我在那个文件中进行了更改，它自动应用于其他所有文件。但是，它并没有让我有效地组织大量的HTML文件，因为不像引用像某个名为＆style.css＆＃39;的文件那样的样式表，它不能让我把HTML表放在一个不与引用HTML页面文件共享同一父文件夹的文件夹。希望这是有道理的，但基本上，我无法获得一个文件夹，将HTML菜单标签文件（＆＃34;页面＆＃34;）和HTML内容文件（＆＃34;帖子＆＃34;）分开w3school代码失败了。这是链接：https://www.w3schools.com/howto/howto_html_include.asp
我已经在Stackoverflow上看到了其他选项，比如绕过＆＃34;无法实现HTML文件＆＃34;通过在document.write（）中使用带有html代码的js文件，但这对我来说非常难以使用，因为到目前为止我所有的进展。另外，我对使用document.write的想法感到非常不舒服，因为它可能仍然与真正的html文件非常不同。说真的，为什么没有样式表和脚本的HTML实现系统？（脚本src =＆＃34; b.js＆＃34;脚本和链接rel =＆＃34;样式表＆＃34; href =＆＃34; css / style.css＆＃34; type =＆＃34; text / css＆＃34）
使用jQuery。我至少理解这一点（作为业余程序员），但我听说它也不一致。它似乎不适用于本地文件，这听起来像是一场噩梦。虽然，如果有好的建议，有一个jquery文件标签似乎不是最好的解决方案，但仍然是一个合理的解决方案。

所以，我遇到了很大麻烦。其他网站如何做到这一点？他们使用不同的文件???他们使用PHP文件吗？我是否必须废弃所有我的硬头HTML工作和样式，因为PHP是另一种语言？我必须使用Angular.js ???这太复杂了！

希望这个问题有道理。如果您有任何疑问，请询问。提前谢谢。

更新在检查了有关PHP的Stackoverflow上的许多其他帖子后，我获取了我的HTML文件，然后从＆＃34; index.html＆＃34;重命名了它。 to＆＃34; index.php＆＃34;和神圣的宏它实际上仍然表现得像HTML文件，即使它不是!!现在我需要找到一种方法：

    include("header.php");

进入我的页面HTML文件中实际的HTML代码，以引用具有我标题的单独PHP文件。我怎么做？它是否属于类似脚本标签或其他东西？ 如何在用HTML代码编写的PHP文件中添加PHP代码？感谢上一个问题的答案，我很抱歉我应该在Stackoverflow上阅读更多答案先彻底。

Answer 1

所以我知道这已经有一段时间了，因为我问了这个问题，而且可能没有人关心了，但我只想在找到关于使用php代码的问题的解决方案以及它是如何工作之后发布更新。

首先，我了解到为了实现这一点，我的所有文件都必须采用php格式。所以我提取了我的本地HTML文件的文件夹，并从字面上重新命名比如“index.html”到“index.php”。然后，在不更改HTML代码的情况下，我在浏览器中打开它，就像没有发生任何事情一样，除了它更好！现在它不仅可以读取HTML和样式和脚本代码，还可以读取PHP代码！我补充说：

<?php
    include("header.php");
?>

例如，

到我的index.php文件的顶部，然后将其余文件转换为php格式，就像我为此做的那样。我复制了我的标题html和css代码并将其保存在同一文件夹中的单独的php文件中，并且 - 没有标题。我很困惑。什么？？为什么不做任何事情？ header.php本身正在工作，为什么include函数不是??

然后，我了解到这个php包含的代码无法在我的本地驱动器上执行，所以它不能在我的本地驱动器上运行，但在公共场所和真正的网站托管服务上工作。然后我安装了XAMPP，这是一个常用的PHP开发环境，它是一个Apache发行版，完全免费。它运行一种本地托管服务，它将支持这个PHP代码，并使其按照我的意图执行。 对不起，我不善于解释它是如何工作的，因为我只是找到它并使用它。无论如何，XAMPP确实让上面包含的PHP代码实际上完成了它的工作，我终于得到了我一直想要的标题系统。很高兴，对吧？

不。现在基本的东西都消失了，我不得不面对其他问题，比如格式化（考虑到我必须找到大量的css问题以及大量的重叠代码，真正的痛苦），创建一个完整的个人搜索系统（必须弄清楚如何让一个php文件实际上使用我全新的MySQL数据库，这也是由XAMPP运行的），以及许多其他的东西。但是，这听起来像是一个伟大的冒险，我愿意并且绝对渴望经历。现在，最后我为这一天做了蠢事......我想知道其他人浪费了多少小时。

噢，是的。我忘了提起，七月四日快乐！（和心爱的美国队长一起生日快乐）

Answer 2

使用JavaScript和jQuery是一种非常简单的方法。首先，只需构建一个示例JavaScript文件。在里面，创建在页面加载时运行的函数。例如，

function buildPage() {
    var html = ' ';
    //Build the html through the function
    //In the end...
    $('html-id').empty().append(html);
}

这种方式每次构建html时你都可以清空（清除id'html-id'中的任何内容），然后添加你的特定html。例如，

<html>
    <head>Put header here!</head>
    <body>
        <div>Put tabs with onclick events here</div>
        <div id="html-id"></div>
    </body>
</html>

每次单击不同的选项卡时，都应调用buildPage（）函数以相应地构建页面。不需要多个html标题！

Answer 3

写出类似的东西

<html>
<head>
<title>First page</title>
</head>
<body>
<?php include ("header.php"); ?>
<!-- rest of your code -->



?php include ("footer.php"); ?>
</body>
</html>

推荐这样做。 Wordpress也是这样工作的。将文件包含到主php文件中。

**请注意您的所有文件都必须是.php

Answer 4

也许这有助于： Include another HTML file in a HTML file

您可以创建一个header.html并将其包含在您网站的所有其他html文件中。

如果标题是html，网站如何在每个页面上保留标题？

4 个答案: