javascript - 创建一个在所有页面上显示的通用标题

标签 javascript php html css

我创建了一个通用标题,需要在我网站的所有页面上显示。此 header 包含图像和链接。 header 的文件名为 universal.php,其 CSS 为 universal.css

这两个文件位于名为 test2 的文件夹中。 header 的图像位于 test2 内名为 images 的文件夹中。

所以 test2 中图像的路径是:images/example.png。许多页眉页面的链接位于 test2 内的文件中,因此链接的文件路径类似于“example.php”。

我在 test2 中创建了一个名为 article 的新文件夹。在文章 中,包含一个名为template.php 的文件。我试图在模板中包含通用 header ,这就是我所拥有的:

<?php
    require_once "../universal.php";
?>

<!DOCTYPE html>
<html>
    <head><link type="text/css" rel="stylesheet" href="/test2/universal.css" /></head>
</html>

标题显示,但图像和链接的路径失真。图像路径现在是:test2/article/images/example.png(不存在,因此图像不会显示)。链接也一样。链接是 test2/article/example.php 链接和图像路径现在与 template.php 文件相关。我如何才能使图像和链接普遍精确定位到正确的地址?

最佳答案

查找绝对路径和相对路径。

你想要的是将 universal.php 中的所有 url 设置为绝对。

关于javascript - 创建一个在所有页面上显示的通用标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34628494/

相关文章:

javascript - 仅在用户登录时加载页面

php - 在 MYSQL 中重新格式化日期以在 PHP 中输​​出

html - 网页内容未对齐并自动 float 到左上角。如何正确对齐我的元素?

要切换的 Javascript 类列表对象和查询选择器

javascript - Jquery单选按钮重复

javascript - 如何多次添加相同的javascript?

html - Bootstrap,将四张图片连续对齐,没有间隙

html - 如何定义字体大小不同的div

javascript - RxJS 等效于 `Bacon.when()` 具有属性(被采样但不是同步模式的一部分)

php页面无响应