Question

我有很多html页面始终以相同的部分开头，例如在index.html中我有

<head>
<title>Conference Room Booking App - Welcome</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/themes/1/conf-room1.min.css" rel="stylesheet" />
<link href="css/themes/1/jquery.mobile.icons.min.css" rel="stylesheet" />
<link href="../../lib/jqm/1.4.5/jquery.mobile.structure-1.4.5.min.css" rel="stylesheet" />
<link href="css/app.css" rel="stylesheet" />
<script src="../../lib/jquery/2.1.3/jquery-2.1.3.min.js"></script>
<script src="../../lib/jqm/1.4.5/jquery.mobile-1.4.5.min.js"></script></head>

其他页面从此页面链接，例如

 <a href="sign-up.html" class="ui-btn ui-btn-b ui-corner-all">Sign Up</a>

目前，我在每个链接页面中都有相同的标题。作为实验，我从链接页面的head部分删除了对css和js文件的引用，只留下标题，例如

<head>
<title>Conference Room Booking App - Sign In</title>
<meta name="viewport" content="width=device-width, initial-scale=1"></head>

页面仍然有效，来自索引页面的css和js文件的格式和脚本在链接页面中使用。

这总是有效吗？这是有效的HTML5吗？我理解，如果浏览器直接引用链接页面，那将无效。

Answer 1

有一种简单的方法可以知道.js和.css苍蝇的来源。

如果链接页面位于母版页或其他页面内，则应该有标题链接。
如果未放置链接页面，则可以检查以下步骤以确定链接的来源。
- 在IE10 +
- 按12打开开发人员工具。
- 转到网络标签，按播放按钮。
- 重新加载页面以观看您浏览的所有请求。
- 选择您想要的，然后转到详细信息视图。
- 最后检查发起请求的发起人链接。

您可以尝试使用Ctrol + F5强制浏览器删除缓存并重新加载所有资源（以防万一）。

Answer 2

如果您通过AJAX加载页面可能会有效，但如果您单独加载每个页面，则需要包含所有需要的css和javascript文件页面。

也许它在浏览器中缓存（尝试使用Ctrl + R或Ctrl + F5重新加载），因此它从缓存加载css等，这就是为什么看起来不需要这些文件。

BTW考虑将css合并到一个文件中，这样可以节省加载时间。有关说明，请参阅https://developers.google.com/speed/pagespeed/。

Answer 3

您可以创建一个PHP文件，其中包含您要放在<head>

中的内容

例如，您可以创建一个名为header.php的文件，并将要使用的所有代码放入其中的其他HTML文件中。

然后，从其他HTML文件中，只需包含它即可访问它：

<?php include '/yourfolder/header.php'; ?>

是否需要在链接页面中指定javascript和ccs引用？

3 个答案: