Как заставить мой HTML-файл искать вне его папки?

Question

Мой HTML-файл будет искать только в своей папке мой CSS-файл, который я связал в другой папке. Как заставить его искать в другой папке?

Мой html-файл находится в папке с именем INDEX, а мой css-файл - в папке с названием STYLE. Всякий раз, когда я запускаю html-файл, инструмент проверки элементов google показывает, что html-файл всегда выполняет поиск в папке INDEX, независимо от того, сколько папок я возвращаю.

<title>Seb's Portfolio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="WebDev/Portfolio/style/style.css">

Я ожидаю, что HTML будет выглядеть в указанной мной папке, но он продолжает искать в своей собственной папке.

Это то, что выводит инструмент google inspect с сообщением об ошибке:

Файл: /// C: /Users/Sebastian/Desktop/WebDev/Portfolio/index/style/style.css нет-реферер-когда-понижение

Answer 1

При связывании таблицы стилей в html тег href всегда находится в области видимости файла, содержащего этот тег, при использовании относительных путей к файлам.

Предполагая, что папка INDEX и папки STYLE находятся в одной папке / каталоге, при связывании style.css в index.html вы хотите, чтобы first поднялся на один каталог (к папке, содержащей папки INDEX и STYLE), а затем свяжите style.css из папки STYLE.

<link rel="stylesheet" type="text/css" href="../STYLE/style.css">

Вот дальнейшее чтение путей к файлам в HTML .

Answer 2

Вот решение:

<link rel="stylesheet" type="text/css" href="../style/style.css">

Причина, по которой вы не работали:

<link rel="stylesheet" type="text/css" href="WebDev/Portfolio/style/style.css">

В вашем коде это есть в вашем файле index.html, который находится в вашей папке index. Поэтому href пытается найти WebDev/Portfolio/style/style.css ВНУТРИ вашей папки index.

Причина, по которой решение работает, заключается в том, что вы говорите, что начните с моей папки index, затем найдите вне папки index папку style и получите файл style.css.

Answer 3

Если я понимаю ваш вопрос, ваша структура папок выглядит как

index - index.html  
style - style.css

Чтобы ссылаться на style.css из вашей индексной папки, вам нужно использовать ../ (перейти в папку):

<link rel="stylesheet" type="text/css" href="../style/style.css">