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>TROJAN@mymail.com</h1>

</body>
</html>

Answer 1

如果您确实需要使用（静态）HTML页面，则只能使用所有HTML页面中包含的单个javascript文件来使此功能正常工作。在该文件中，您可以设置标题：

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

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

Answer 2

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

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

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

Answer 3

用户jquery或脚本将页面标题添加到准备就绪的文档上

<script type="text/javascript">

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

</script>

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

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"; ?>