Включая таблицы стилей из header.php с относительным путем

Question

Я работаю над веб-сайтом, и я ищу способ включить все мои таблицы стилей и скрипты относительно. В том числе PHP-файлы легко:

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

или

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

или путем ссылки на корневой путь:

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

Но: все стили и скрипты не загружаются на страницах расположенных в '/ products', потому что они расположены относительно корневого каталога, а не root/products.

Например:

<link href="css/styles.css" rel="stylesheet"> 

Есть ли способ включить таблицы стилей и скрипты relativlely, не заботясь о том, где страница расположена, что звонит header.php?

Я работаю на локальном сервере с маской, и в каталоге mamp есть много сайтов.

Заранее благодарен!

Tim

Answer 1

Это все о HTML. Следующее загрузит таблицу стилей относительно страницы, в которой вы сейчас находитесь.

<link href="css/styles.css" rel="stylesheet"> 

Например, если на вашей странице есть /products/page1.html. Браузер будет пытаться загрузить /products/css/styles.css

абсолютный путь будет выглядеть так:

<link href="/css/styles.css" rel="stylesheet"> 

Примечание дополнительный вперед слэш. В этом случае, хотя ваша страница - /products/page1.html. Браузер попытается загрузить /css/styles.css

Вы также можете использовать базовый тег для изменения относительных URL-адресов, как в первом примере.

<base href="/assets/" /> 
<link href="css/styles.css" rel="stylesheet"> 

На этот раз браузер будет пытаться загрузить /assets/css/styles.css

Answer 2

Хорошо, я нашел решение:

Базовая функция говорит мой сайт, чтобы быть на основе в http://localhost/planilux/02/

<base href="http://localhost/planilux/02/" /> 

Я пытался получить мою таблицу стилей, рассказав путь быть корневой основе:

<link href="/css/styles.css" rel="stylesheet"> 

Маленькая косая черта перед css на пути была проблемой.

Это работает отлично:

<link href="css/hacks.css" rel="stylesheet"> 

Спасибо !!! Хорошего дня!