Почему мои пути href нуждаются в дополнительном '/' при тестировании веб-страницы в AWS против локального тестирования?

Question

Я изучаю основы веб-разработки, а также AWS. Я создаю фиктивную веб-страницу со следующей структурой рабочей области:

• стили /
• index.html

ссылка на мою таблицу стилей выглядит следующим образом:

Моя проблема в том, что когда я открываю файл локально, вместо навигации по веб-странице через Интернет, этот href не работает для моей таблицы стилей, и мне нужно удалить первый '/' :

Я на машине с windows 10, на случай, если это уместно.

Answer 1

Я нашел решение с помощью ответа Рагавана Раджана:

". / " - это разница.

Answer 2

Существует несколько основ, которые необходимо знать при связывании таблиц стилей или любых внешних таблиц стилей.

Пожалуйста, смотрите пример ниже. Предполагая, что приведенный ниже скрипт вложен в assets/pages folder. Внутри access.html файл

<link rel="stylesheet" type="text/css" href="../theme/theme-blue.css">

Объяснение:

1. . (Точка) указывает текущий каталог
2. .. (точка) указывает на два уровня выше текущего каталога и затем указывает на папку темы.
3. Тогда внутри папки темы ищите theme-blue.css

Объяснение изображения: