Question

我一直在研究代码可重用性（例如），并且一直在尝试使用HTML导入代码。我想在每个网页中自动包含我的引导程序代码，并希望使用一行代码而不是多行代码。

在网上做了一些研究后，答案似乎是使用标签，大多数是以下格式：

<head>
    <import rel="import" href="includes/bootstrap.html">
</head>

我的bootstrap.html文件只是一些正常的bootstrap链接，如下所示：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

我只是想避免在我的所有网页上导入相同的三行。但是，我的浏览器（Chrome）似乎没有以任何方式实现包括，即使我使用Bootstrap以外的其他原因。

如何在我的所有页面的头部正确包含我的引导程序文件？

亚历

Answer 1

如何使用类似的链接

创建头文件'header.php'

<head>
<title>Your Title</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
</head>

当你编写代码时，只需要包含header.php部分。

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

Answer 2

将导入标记更改为链接标记

<head>
    <link rel="import" href="includes/bootstrap.html">
</head>

参考this

为什么我的html导入标签不起作用？

2 个答案: