Question

我在很多页面上都有这个html文本

<head>
<meta charset="utf-8" name="viewport" content="width=device-width, height=device-height minimum-scale=1, maximum-scale=1">
<title>Account</title>
<link href="css/Master.css" rel="stylesheet"/>
    <link rel='stylesheet' media='screen and (max-width: 450px)' href='css/narrow.css' />
    <link rel='stylesheet' media='screen and (min-width: 451px) and (max-width: 800)' href='css/medium.css' />
    <link rel='stylesheet' media='screen and (min-width: 801px)' href='css/wide.css' />
</head>

问题是我想在很多页面上使用相同的代码，而不必复制和粘贴5个页面。是否有一种聪明的方式来使用＆＃34; include＆＃34;为此命令？

Answer 1

如果您使用的是php，则可以创建一个新文件page-element.php并将您的内容粘贴到该文件中。

然后，在您要使用此元素的每个页面中，您都可以使用

<?php
include_once "page-element.php";

Answer 2

你可以写一个文件：

带有libs的文件

 <meta charset='utf-8' name='viewport' content='width=device-width, height=device-height minimum-scale=1, maximum-scale=1'>
 <title>Account</title>
 <link href='css/Master.css' rel='stylesheet'/>
 <link rel='stylesheet' media='screen and (max-width: 450px)' href='css/narrow.css' />
 <link rel='stylesheet' media='screen and (min-width: 451px) and (max-width: 800)' href='css/medium.css' />
 <link rel='stylesheet' media='screen and (min-width: 801px)' href='css/wide.css' />

HTML

<head>
  <?php include("file_with_libs.php"); ?>
</head>

但我建议你使用像Twig这样的模板引擎。您拥有以下所有信息：http://twig.sensiolabs.org/

或者你可以看到我写的其他回复，解释了如何使用Twig：Best practices to create a Twig HTML Layout (Masterpage)

Answer 3

检查您的服务器是否配置为使用服务器端包含。这可能是一种在不需要PHP的情况下实现所需目标的简单方法。

我假设您使用的是Apache，我接受可能不正确，但IIS和Ngnix都提供了SSI功能，但我不确定它们与Apache有多相似。

https://httpd.apache.org/docs/current/howto/ssi.html

在许多页面上包含一个相同的html

3 个答案: