Абсолютний і відносний шлях

В файловій системі комп’ютерів шляхи відіграють важливу роль у визначенні місця розташування файлів та папок. Шляхи можуть бути виражені як відносними, так і абсолютними. Давайте розглянемо основні концепції та надамо приклади кожного типу шляху.

Відносний шлях:

Відносний шлях вказує шлях до файлу або папки відносно поточного робочого каталогу (поточного місця, де ви знаходитесь в файловій системі).

Припустимо, у нас є така структура папок:

– root – documents – project – code – script.js – images – image.jpg – notes – todo.txt

Якщо ж поточний робочий каталог – це root, то відносний шлях до того ж файлу виглядатиме так: documents/project/code/script.js

Абсолютний шлях:

Абсолютний шлях повністю вказує шлях до файлу або папки від кореневого каталогу файлової системи.

Наприклад, абсолютний шлях до файлу script.js виглядатиме так: /root/documents/project/code/script.j, де / вказує на кореневий каталог.

Приклади:

  1. Відносний шлях: Припустимо, що поточний робочий каталог – code. Відносний шлях до image.jpg: ../../images/image.jpg.
  2. Абсолютний шлях: Абсолютний шлях до todo.txt: /root/notes/todo.txt.
  3. Відносний шлях: Якщо поточний каталог – root/documents, то відносний шлях до script.py: project/code/script.py.
  4. Абсолютний шлях: Абсолютний шлях до image.jpg: /root/images/image.jpg.

додатковий приклад, де я покажу, як можна використовувати відносний та абсолютний шляхи для підключення картинки в веб-сторінці.

Припустимо, у нас є така структура папок для веб-проекту:

– website – css – styles.css – images – picture.jpg – index.html

Відносний шлях для підключення зображення:

Якщо ви хочете підключити зображення picture.jpg в файлі index.html, який знаходиться у тому ж каталозі, що й папка images, ви можете використовувати відносний шлях:

<img src=”images/picture.jpg” alt=”Picture”>

Якщо index.html знаходиться в каталозі website, ви також можете використовувати відносний шлях:

<img src=”images/picture.jpg” alt=”Picture”>

Абсолютний шлях для підключення зображення:

Якщо ви хочете використовувати абсолютний шлях для підключення зображення, ви можете вказати повний шлях від кореневого каталогу веб-сайту:

<img src=”/website/images/picture.jpg” alt=”Picture”>

Обидва варіанти, відносний та абсолютний шлях, виконують одне й те саме завдання – підключення зображення до веб-сторінки. Вибір між ними залежить від контексту вашого проекту та того, як ви хочете організувати шляхи до ресурсів.

Переходьте на мій канал YouTube для більше інформації