Під час роботи з веб-сторінками важливо розуміти, як коректно працювати з посиланнями. Одне з основних понять – це відносні та абсолютні посилання. Відносне посилання вказує на ресурс щодо поточного розташування, а абсолютне посилання вказує на ресурс повністю, із зазначенням протоколу, домену та шляху.
У випадку, коли необхідно конвертувати відносне посилання в абсолютне, існує кілька простих та ефективних способів. Одним із них є використання JavaScript-коду, який дозволяє автоматично перетворити відносне посилання на абсолютне. Для цього можна скористатися готовими функціями або створити власну.
Ще одним способом є використання базового елемента <base> у HTML. Цей елемент дозволяє встановити базову URL-адресу для всіх відносних посилань на сторінці. При додаванні <base> з атрибутом href у шапку HTML-документа, всі відносні посилання на сторінці будуть автоматично перетворені на абсолютні, використовуючи вказаний базовий URL.
Відносне посилання | Абсолютне посилання |
---|---|
Посилання на файл у тій же директорії | <a href="file.txt">file.txt</a> |
Посилання на файл у піддиректорії | <a href="subdir/file.txt">file.txt</a> |
Посилання на файл у батьківській директорії | <a href="../file.txt">file.txt</a> |
Посилання на файл у кореневій директорії | <a href="/file.txt">file.txt</a> |
Посилання на файл в іншому домені | <a href="https://www.example.com/file.txt">file.txt</a> |
Посилання на якір у поточному документі | <a href="#section1">Перейти к разделу 1</a> |
Як створити абсолютне посилання?
Якщо необхідно зберегти вихідний вид посилання на комірку під час копіювання, її можна зафіксувати, поставивши перед назвами стовпця та рядки знак долара ($). Наприклад, при копіюванні формули =$A$2+$B$2 з C2 до D2 формула не змінюється. Такі посилання називаються абсолютними.
Як вказати абсолютний шлях до файлу?
Абсолютний шлях показує шлях до файлу від кореневої директорії. Наприклад, для вказівки абсолютного шляху до файлу на сервері потрібно використовувати на початку шляху: /папка/script. js . Шлях можна вказати за допомогою URL-адреси, якщо файл доступний через інтернет: https://example.com/script.js .
Як зробити абсолютне посилання в HTML?
Адреса посилання може бути як абсолютним, і відносним. Абсолютні адреси повинні починатися із зазначення протоколу (зазвичай http://) та містити ім'я сайту. Відносні посилання ведуть відлік від кореня сайту чи поточного документа. У прикладі 8.2 показано створення абсолютного посилання інший сайт.