Всі посилання можна також умовно поділити на відносні та абсолютні. Відносні посилання- це HTML посилання, що містять відносні шляхи, відносні посилання можуть бути лише внутрішніми. Абсолютні посилання- це посилання, що містять абсолютні шляхи, абсолютні посилання можуть бути як зовнішніми, так і внутрішніми.

Абсолютний шлях до файлу

Відносний шляхозначає, що вказівка ​​шляху на потрібний файл або сторінку вашого сайту починається щодо каталогу, в якому розташована сторінка з посиланням, або щодо кореневого каталогу сайту. Розглянемо частини, у тому числі може складатися відносний шлях:

Шлях може бути абсолютний та відносний.

Абсолютний шлях зазвичай застосовується для вказівки шляху до файлу, розташованого на іншому мережному ресурсі. Він являє собою повну URL-адресу до файлу або сторінки. Насамперед на адресу вказується протокол, що використовується, після якого йде назва домену (ім'я сайту). Наприклад: http://www.пример.ру – так виглядає абсолютний шлях до конкретного веб-сайту. http:// - це протокол передачі, а www.пример.ру - ім'я сайту (домен).

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

Тепер давайте розглянемо, що таке URL-Адреса. Кожна веб-сторінка в мережі Інтернет має свою власну унікальну адресу, ось вона якраз і називається URL. Абревіатура URLрозшифровується як U niform R esource L ocator (уніфікована адреса ресурсу), URL-адреса - це визначник місцезнаходження ресурсу. Цей спосіб запису адреси стандартизовано в Інтернеті.

Для всіх відвідувачів – це віртуальний веб-сервер. Який відрізняється, серед іншого, тим, що на ньому НЕ ІСНУЄ ФАЙЛІВ. якщо ти пишеш %20" target="_blank">http://site.ru/file.html- Це не файл. Це URI, віртуальна адреса. Жодного файлу з ім'ям file.html на сервері може взагалі не бути. Це все віртуальні адреси, а чи не файли.
І браузер працює саме із адресами.

Для розробника сайт - це програма, що виконується на абсолютно конкретному реальному комп'ютері. З абсолютно конкретним жорстким диском, каталогами та файлами. І скрипт, працюючи зі своїми даними, підвантажуючи інші скрипти, працює саме з реальними файлами, на фізичному диску.

Ось у цій відмінності і криються труднощі, з якими часто стикаються новачки.
Втрачають файли, плутають посилання з файлами, звертаються до локальних файлів за протоколом HTTP, або інклюдять файли від кореня веб-сервера.

А всього треба чітко розуміти дві речі:
1. Розрізняти корінь веб-сервера, як його бачить браузер, та корінь файлової системи на диску.
2. Відмінність відносних шляхів від абсолютних.

Почнемо з другого.
Чим відрізняються абсолютний та відносний шляхи
приклади абсолютних шляхів:
/var/www/site/forum/index.php
/img/frame.gif
з:\windows\command.com
У юнікс-системах і на веб-сайтах корінь позначається косою межею - "/".
Це важливо. Це не просто паличка, а самостійна АДРЕСА, шлях.
В адресі %20" target="_blank">http://www.site.ru/остання коса риса – не для краси! Вона означає цілком конкретну адресу - початок сайту.
На диску в юнікс системах так само можна набрати "cd/" і ти потрапиш до кореневого каталогу.
У віндоус системах файлова система розбивається по дисках, тому в абсолютній адресі треба вказувати ім'я диска. Абсолютного кореня всієї файлової системи у віндоусі немає, у кожного диска - свій. Наприклад, C: E:
тому, навіть якщо шлях у віндоус починається з косої межі, це не абсолютний шлях, а відносний. Щодо поточного диска. А абсолютний починається з літери.

Якщо на початку шляху корінь не вказати, цей шлях буде відносним, і він діставається від поточного положення. У реальному житті це нагадує дорогу до винного магазину - "два квартали ліворуч і там постійно прямо". Дійти таким шляхом можна тільки з конкретної точки. З іншого ти потрапиш уже в зовсім інше місце.
Найпростіший приклад відносного шляху – це просто ім'я файлу.
Якщо файл знаходиться в тому ж каталозі, з яким працює програма, вона його знайде, додавши поточний шлях до імені файлу.
приклади відносних шляхів:
file.php (фал лежить у тій же папці)
./file.php (фал лежить у тій же папці. такий запис іноді потрібен у деяких юнікс системах)
images/picture.jpg (файл лежить у капці images, яка знаходиться в поточній)
../file.php (файл лежить у папці, яка розташована на один рівень вище від поточної)
../../file.php (файл лежить у папці, яка розташована на два рівні вище від поточної)

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

Тепер перейдемо до першого пункту.
Різниця кореня веб-сервера, як його бачить браузер, та корінь файлової системи на диску.
Загалом, із попередніх пояснень уже все має бути зрозумілим.
На диску шлях до файлу скрипта може бути таким:
/var/www/site/forum/index.php
В той же час, віртуальна адреса цього скрипта під час перегляду через браузер буде:
%20" target="_blank">http://www.site.ru/forum/index.php
На цьому прикладі легко побачити, де перетинаються два виміри: у цих двох адрес є загальна частина - /forum/index.php - і вона і є причиною плутанини.
Для браузера це найповніший шлях, який тільки можливо. Він починається від кореня сайту.
Для скрипту ж, що виконується на сервері - це лише частина шляху.
для скрипта шлях /forum/index.php виявиться неіснуючим - в корені диска немає каталогу forum!
щоб отримати повний шлях для того, що на сайті виглядає, як /forum/index.php, треба приставити ліворуч до нього шлях до папки, яка вважається кореневою для всього веб-сервера.
у нашому прикладі - це
/var/www/site
Цей шлях задається в кофігурації веб-сервера і саме він міститься у системній змінній PHP $_SERVER [ "DOCUMENT_ROOT" ]

При розробці сайту часто доводиться прописувати шляхи до файлів, посилання документи, сторінки.
У книгах з комп'ютерних технологій можна часто зустріти вживання термінів абсолютного та відносного шляху файлів. Нерідко автор не пояснює, що означає той чи інший шлях. Читач, відповідно, плутається, коли автор згодом говорить про використання абсолютного та (або) відносного шляху.
Припустимо, у Вас є сайт і Вам потрібно створити гіперпосилання на одну зі сторінок сайту. Тут потрібно вибрати який використовувати тип шляху: відносний чи абсолютний.

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

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

Шлях може бути абсолютний та відносний.

Коли посилання являє собою повну URL-адресу файлу або сторінки, це і є абсолютний шлях. При цьому в адресі повинен бути протокол, що використовується. Наприклад, http://www.сайт- Це абсолютний шлях до конкретного веб-сайту. У цьому випадку абсолютний шлях до головної сторінки мого блогу. Де протоколом є http, а www.сайтдоменом(ім'ям).

Якщо вказувати посилання на католог, наприклад http://yourdomain.ua/web/то буде завантажуватися індексний файл. Це правило застосовується переважно до статичних сайтів. Оскільки під час використання мови програмування можна створити внутрішній роутинг. Індексний файлзазвичай являє собою файл з ім'ям index.php, index.html, index.phtml, index.shtml. Для того щоб використовувати інший індексний файл, потрібно створити в потрібній директорії файл з ім'ям.htaccess, і в ньому прописати деяку директиву. Зміна та створення файлу.htaccess, як і роутинг за допомогою мови програмування, виходить за межі цієї статті.

В основному абсолютний шлях використовується тоді, коли потрібно послатися на інший сайт. Іншими словами, якщо Ви хочете відправити відвідувача на інший сайт, то потрібно використовувати абсолютний шлях. Хоча такий шлях можна використовувати і на власному сайті. Але багато хто дотримується того, що посилання всередині сайту мають бути відносними.
Використання абсолютного шляху може спричинити деякі проблеми. Наприклад, при перенесенні сайту з локальної машини на сервер (це в тому випадку, якщо ви використовували на локальній машині адреси у вигляді http://localhost/sitename.ua/…). Труднощі можуть виникнути тоді, коли з'явиться потреба в зміні домену (імені сайту). Хоча, всі ці проблеми можна вирішити, але на них доведеться витратити деяку кількість часу.
Коли є мінуси, то мають бути й плюси. Візьмемо, наприклад, таку ситуацію, як крадіжка контенту з вашого сайту. Насправді я вже неодноразово переконався в тому, що текст крадуть цілком, при цьому не залишаючи зворотного посилання на оригінал. Так ось, при використанні абсолютних шляхів, можна отримати зворотні посилання із сайту, на якому знаходиться згорнутий контент. Але це тільки в тому випадку, якщо у Вас внутрішня перелінковка здійснювалася з використанням абсолютних шляхів. Хоча це не завжди працює, але я вже неодноразово помічав появу посилань з чужих сайтів, на яких був розташований мій контент.

Трохи відступивши від теми хочу коротко розповісти про те що таке URL.

Кожна веб-сторінка або документ у мережі Інтернет має власну унікальну адресу, яка і називається URL.
URL- Одноманітний локатор (визначник місцезнаходження) ресурсу. Розшифровується URL як Uniform Resource Locator (уніфікована адреса ресурсу). Можна також зустріти і таку розшифровку як Universal Resource Locator (універсальний локатор ресурсу). Цей спосіб запису адреси стандартизовано в Інтернеті. Більш загальна та широка система ідентифікації ресурсів URI поступово замінює термін URL.
URI- це символьний рядок, який ідентифікує будь-який ресурс: документ, файл і т.д. Звичайно, тут маються на увазі ресурси мережі Інтернет.

Абсолютний шлях до файлу

Часто відносні шляхи використовуються набагато частіше, ніж абсолютні шляхи. В основному відносний шлях вказується тоді, коли Вам потрібно відправити відвідувача на іншу сторінку Вашого сайту, або вставити об'єкт (наприклад, зображення) на одній зі сторінок. У цьому використання щодо шляху цілком виправдано. Залежно від структури сайту залежить те, яку форму відносного шляху потрібно використовувати. Існує два види відносного шляху: шлях щодо документа, шлях щодо кореня сайту.

Шлях щодо документа

Саме шлях щодо документавикористовується найчастіше. Такі посилання ще називають локальними. В основному такий шлях використовується тоді, коли поточний та пов'язаний документ (сторінка) знаходяться в одній директорії. Якщо перемістити документ до іншої директорії, то шлях (посилання) доведеться змінювати. Хоча можна посилатися і на документи з інших директорій. І тому шлях прописується від поточного документа до цільового документа(страницы). При цьому шлях щодо документа має задаватись залежно від структури директорій.
Візьмемо, наприклад, найпростішу структуру статичного сайту.

Припустимо, що кожне зображення у каталозі imagesпотрібно вставити у відповідні сторінки home.html, products.html, contact.htm l. Для того щоб вставити зображення наприклад на сторінку «home.html», потрібно прописати шлях, де розташоване зображення. Якщо використати шлях щодо документа, то потрібно буде прописати в коді сторінки таке:

Цей код для вставлення зображення на сторінку є неповним. Так як він не містить кількох важливих атрибутів, таких як ширина, висота та ін. src, тут служить для вказівки шляху файлу. Тут опущені й інші атрибути, оскільки вони нині менш важливі. Головне зараз, щоб Ви мали уявлення про те, як виглядає шлях щодо документа.
У разі використання шляхів щодо документа відсутня частина абсолютного шляху. Частина абсолютного шляху тут усікається як для поточного документа (сторінки), так і для пов'язаного. Тут використовується лише та частина шляху, яка завжди змінюється.
Нагадаю ще раз про те, що при використанні шляху щодо документа потрібно враховувати вихідне розташування файлів.

Уявимо ситуацію, коли сторінка products.html, розташовуватиметься не в кореневій директорії сайту (як це було в попередньому прикладі), а в підкаталозі. Тепер необхідно вставити зображення у файл products.html, що знаходиться, глибше ніж коренева директорія сайту.

Для того, щоб вставити зображення у файл products.htmlпотрібно повернутися до кореневої директорії. Після чого можна використовувати вже відомий шлях, про який говорилося трохи вище.

Як видно з наведеного вище коду, до шляху тепер додалося таке: ../ . Саме ця послідовність символів ../ та служить для переходу на одну директорію (рівень) вище в ієрархії каталогів. Шлях у наведеному вище коді можна прочитати так: «Перейти на один каталог вище (назад), зайти в директорію imagesта взяти від туди файл products.png«.
Якщо ../ означає перехід однією директорію(рівень) вище в ієрархії каталогів, то символ / позначає перехід однією рівень нижче.
Послідовність символів ../ можна використовувати у дорозі неодноразово. Наприклад, якщо файл products.htmlперемістити в три директорії вкладені один в одного, то потрібно буде використовувати наступний код:

Як видно з попередніх прикладів, використання шляхів щодо документау багатьох випадках виправдано. Такий вид шляху часто застосовується на практиці, і його можна застосувати практично в будь-якій ситуації. Як я вже говорив вище, існує ще шлях щодо кореня сайту, про який власне і йтиметься нижче.

Шлях щодо кореня сайту

Ви напевно вже зрозуміли, що шляхи щодо документа використовуються дуже часто. Але за їх використання існує одна проблема. Яка полягає в тому, що при зміні структури директорій шляхи доведеться змінювати.
Але така проблема вирішується під час використання шляхів щодо кореня сайту. Де шлях вказується від кореневої директорії до документа.
Всі шляхи щодо кореня сайту починаються зі знаку / . Тільки тут, на відміну від шляхів щодо документа, цей знак використовується для вказівки кореневої директорії. Тому що він використовується на початку шляху.
Шлях щодо кореня сайту дозволяє переміщати деякі файли без шкоди для посилань. Цей тип шляху Ви зможете використовувати тільки на web-сервері в інтернеті або на web-сервері, розташованому на локальній машині.

Як web-сервер на локальній машині може виступати - . Який дозволить у себе на комп'ютері створити середовище для створення сайтів та їхнього попереднього тестування.

Кореневий відносний шлях не містить ні протоколу http, ні доменне ім'я. І як я вже говорив починається із вказівки символу / , що вказує на кореневу директорію. У цій директорії зазвичай розміщується індексний файл головної сторінки.

Наприклад, /images/products.pngозначає, що файл products.pngзнаходиться в папці images, яка розташована у кореневому каталозі.

Найпростіший спосіб визначити кореневий відносний шлях – взяти абсолютний та відкинути http:// та ім'я хоста.

приклад
Іноді буває потрібно, щоб інформацію однієї сторінки використовували інші сторінки сайту. Часто це робиться для того, щоб скоротити кількість повторюваного коду на кожній сторінці. Допустимо є файл _contact.html, який містить інформацію про телефонні номери, e-mail та містить зображення contact.png. (Нехай це буде невелика таблиця, яка розташовуватиметься на кожній сторінці сайту.)

Наступний код призначений для вставки зображення "contact.png".

Код, необхідний для вставляння одного файлу в інший, виходить за рамки цієї статті. Тут все залежить від мови програмування, що використовується.

Я сподіваюся, що Ви вже знаєте, який тип шляху використовувався у наведеному вище коді. Якщо ні, тоді подивіться наведене вище визначення шляху щодо документа.
Тепер, коли відвідувач зайде на такі сторінки сайту, як home.html, contact.ntml, він побачить сторінку, що чудово відображається. У кожну з яких вставлено файл _contact.html, до якого, у свою чергу, вставлено зображення contact.png.
Тобто зайшовши, наприклад, на сторінку home.html, відбувається таке: «Виконується код основної сторінки home.html. Потім вставляється та виконується код сторінки _contact.html. Код сторінки _contact.html, каже що потрібно перейти до директорії imagesі взяти від туди зображення contact.png«.
Якщо опустити сам код для вставки, все працює відмінно. Але якщо запустити сторінку products.html, то станеться помилка. Так як код намагатиметься знайти директорію imagesта файл contact.pngу директорії products. Але такої директорії там не існує, через що, власне, і виникає проблема.
Стає зрозумілим, що використовувати шлях щодо документа тут не можна.
Звичайно, тут можна використовувати абсолютний шлях. Про плюси та мінуси цього підходу я говорив вище.
Загалом кажучи, це одна із ситуацій, коли потрібно використовувати шлях щодо кореня сайту. При використанні шляху щодо кореня сайту, посилання завжди буде починатися з кореневого каталогу (кореня сайту). Такий тип шляху дозволить використовувати код для вставки, наприклад зображення, незалежно від ієрархії сайту та його директорій.
Використання шляху щодо кореня сайту у наведеному вище прикладі, дозволить уникнути проблем, зі вставкою зображення. Оскільки незалежно від того, де буде використовувати такий тип шляху, він завжди знайде вказаний у ньому файл.
Шлях щодо кореня сайту дуже схожий на шлях щодо документа. Для того щоб створити шлях щодо кореня сайту, потрібно додати символ / на початок шляху.

Тепер зображення коректно вставлятиметься на будь-якій сторінці сайту.

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