php require 方法不会显示 css 样式

Question

我创建了一个 index.php 文件，它使用 <?php require("sidebar.html"); ?> 来包含侧边栏；边栏的 HTML 元素显示，但 css 样式未显示。我已经搜索 Google 并尝试了不同的方法，但它没有显示，任何帮助将不胜感激。

sidebar.html 位于 HTML/ 文件夹中。 index.php 位于 root/ 文件夹

边栏的 css 样式在 sidebar.html 文件中被引用

我的 css 文件位于 CSS/ 文件夹中

网络开发新手；尝试制作一个我可以在每个页面上调用的侧边栏，而不是将其硬编码到每个页面。

Answer 1

当您将 HTML 文件包含到 PHP 脚本中时，所有相关文件（即 HTML 文档中引用的文件）的路径必须相对于PHP 脚本，其中包含 HTML。

看看下面的文件结构：

Assets 目录包含 CSS 和 header.html 中包含的 JS 文件。现在，如果 header.html 必须包含在 Home 目录内的 index.php 中，则 src/href 属性需要指向 css/js 文件的相对路径至 index.php.

像这样：

<link rel="stylesheet" href="../Includes/Assets/style.css" />

编码愉快:)

Answer 2

尝试添加

<style>
...
</style>

在您的 css 需求文件的开头和结尾，css 将读作内部样式表。并将 extension .css 更改为 .php

Answer 3

在页面顶部准备一个 BASE URL，如下所示（基于您的项目目录位置）。尝试
$baseURL = "http://".$_SERVER['SERVER_NAME'];
或
$baseURL = "http://".$_SERVER['SERVER_NAME']."/your_project_dir/";
在 <head> 标签中使用 HTML 基本标签，然后再使用 <link> 标签，例如

<html>
<head>
<title>Project Title</title>
<base href="<?php echo $baseURL;">
<link href="your_css_file.css" type="text/css">
</head>
<body>
page content
</body>
</html>
交叉检查您的 "your_css_file.css" 位置（例如 css/your_css_file.css 或 styles/your_css_file.css ...）

php require method wont display css styling