如何为所有其他html页面显示HTML相同的页面标题

Question

我想制作一些HTML页面，如果我在主页面中更改了我的标题，那么它也需要在其他页面中进行更改。我怎样才能做到这一点？我应该使用模板继承吗？

我有3个不同的html页面

的index.html about.html contact.html

现在，如果我更改了main.html的标题，则更改的标题也必须反映在其他3个页面上。所以我不必每次都改变头衔。

的index.html

<!DOCTYPE html>
<html>
<head>
<title>My Title</title>
</head>
<body>

<h1>hello HTML</h1>
<p>learing HTML.</p>

</body>
</html>

about.html

<!DOCTYPE html>
<html>
<head>
<title>My Title</title>
</head>
<body>
<h1>ABOUT ME</h1>
<h1>MY NAME IS TROJAN</h1>

</body>
</html>

和contact.html

<!DOCTYPE html>
<html>
<head>
<title>My Title</title>
</head>
<body>
<h1>contact ME</h1>
<h1>[email protected]</h1>

</body>
</html>

Answer 1

用户jquery或脚本，用于在文档准备好时添加页面标题

<script type="text/javascript">

    $(document).ready(function() {
        document.title = 'My Title';
    });

</script>

或者将您的html文件更改为php文件，并对所有页面使用全局标题。

Answer 2

如果你真的需要坚持使用（静态）HTML页面，那么你只能使用所有HTML页面中包含的单个javascript文件来实现这一点。在该文件中，您可以设置标题：

document.title = 'This is our new title';

另一种选择是使用PHP，ASP.NET，Java等服务器端语言......

Answer 3

使用JS，您还可以将id-“title”添加到html元素，这些元素应具有相同的内容，然后：

const variable = "some string"
document.getElementById('title').innerHTML = `Your title here is able to also contains some ${variable}`;

OFC。您需要在每个file.html中链接该file.js

Answer 4

如果您使用的是纯HTML，则必须更改每个文件的标题。你也可以使用python或任何其他脚本语言创建一个脚本来自动更改它，当然这是更多的工作，但如果你要开发很多网站，这是值得的。

Answer 5

你绝对可以用HTML做到这一点，但你应该用PHP来做。将文件名更改为.php而不是.html，然后创建名为title.php的文件

在这个title.php文件中，您可以创建一个变量：

<?php
    $title = “cool title”;
?>

然后在你的<title>文件中的index.php标签内回显它：

<head>
   <title><?php echo $title;?></title>
</head>

您当然需要在索引页中包含此文件：

<?php include "title.php"; ?>