我创建了一个index.php
文件,该文件使用<?php require("sidebar.html"); ?>
来包含侧边栏; 边栏的 HTML 元素显示,但 CSS 样式未显示。我已经搜索了谷歌并尝试了不同的方法,但它没有显示,任何帮助将不胜感激。
sidebar.html
位于HTML/
文件夹中。index.php
位于root/
文件夹中
侧边栏的 css 样式正在sidebar.html
文件中引用
我的css
文件位于CSS/
文件夹中
网络开发的新手;尝试制作一个我可以在每个页面上调用的侧边栏,而不是将其硬编码到每个页面。
当您将 HTML 文件包含在 PHP 脚本
中时,所有相关文件(即 HTML 文档中引用的文件)的路径必须相对于包含 HTML 的 PHP 脚本。
看看下面的文件结构:
- 家
- 索引.php
- 包括
- 资产
- 风格.css
- 行动.js
- 标头.html
- 资产
资产目录包含包含在 header.html
中的 CSS 和 JS 文件。现在,如果header.html
必须包含在Home
目录中的index.php
中,则src/href
属性需要指向css/js文件相对于index.php
的路径。
像这样:
<link rel="stylesheet" href="../Includes/Assets/style.css" />
快乐的编码:)
- 在页面顶部准备一个基本 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或样式/your_css_file.css...
尝试添加
<style>
...
</style>
在 css 需求文件的第一个和结尾,css 将作为内部样式表读取。并将扩展.css更改为。.php