Адреса посилання може бути як абсолютною, так і відносною. Абсолютні адреси повинні починатися із вказівки HTTP протоколу (зазвичай https:// або http://) і містити ім'я сайту. Відносні посилання ведуть відлік від кореня сайту або поточного документа.
У прикладі 8.2 показано створення абсолютного посилання на інший сайт.
Приклад 8.2. Використання абсолютних посилань
<!DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Абсолютний адреса </title> </head> <body> <p><a href="">Вивчення HTML </a></p> </body> </html>
В даному прикладі посилання типу <a href="">Вивчення HTML</a> є абсолютним і веде на головну сторінку сайту html-css.co.ua.
При вказівці в якості посилання каталогу сайту (наприклад, /css/), з'явиться повідомленняіндексний файл. Це файл, який завантажується за умовчанням при зверненні до каталогу без явної вказівки імені файлу. Зазвичай в якості індексного файлу виступає документ з ім'ям index.html.
Абсолютні посилання зазвичай застосовуються для вказівки документа на іншому мережевому ресурсі, втім, допустимо робити абсолютні посилання і всередині поточного сайту. Однак подібне практикується нечасто, оскільки такі посилання досить довгі і громіздкі. Тому всередині сайту переважно використовуються відносні посилання.
Посилання щодо поточного документа
При створенні відносних посилань треба розуміти, яке значення для атрибута href варто вказувати, оскільки воно залежить від вихідного розташування файлів. Розглянемо кілька типових варіантів.
1. Файли розміщуються в одній папці (рис. 8.4).
Необхідно зробити посилання з вихідного документа на той, на який посилаються. В такому випадку код буде наступний.
<a href="документ-на-який-посилаються.html">Посилання</a>
Подібне ім'я файлу взято тільки для прикладу, на сайті в іменах файлів не варто використовувати кириличні символи з пробілами, та ще й в різному регістрі.
2. Файли розміщуються в різних папках (рис. 8.5).
Коли вихідний документ зберігається в одній папці, а документ, на який посилаються, в корені сайту, то перед ім'ям файлу в адресі посилання варто поставити дві крапки і слеш (/), як показано нижче.
<a href="../документ-на-який-посилаються.html">Посилання </a>
Дві крапки в даному випадку означають вийти з поточної папки на рівень вище.
3. Файли розміщуються в різних папках (рис. 8.6).
Тепер вихідний файл знаходиться в двох вкладених папках, і щоб послатися на документ в корені сайту, потрібно повторити написання попереднього прикладу два рази.
<a href="../../документ-на-який-посилаються.html">Посилання </a>
Аналогічно відбувається з будь-яким числом вкладених папок.
4. Файли розміщуються в різних папках (рис. 8.7).
Тепер ситуація змінюється, вихідний файл розташовується в корені сайту, а файл, на який необхідно зробити посилання - в папці. В цьому випадку шлях до файлу буде наступний.
<a href="Папка/документ-на-який-посилаються.html"> Посилання </a>
Зауважте, що ніяких додаткових крапок і слеш перед ім'ям папки немає. Якщо файл знаходиться всередині не однієї, а двох папок, то шлях до нього записується так.
<a href="Папка 1/Папка 2/документ-на-який-посилаються.html">Посилання </a>
Посилання щодо кореня сайту
Іноді можна зустріти шлях до файлу щодо кореня сайту, він виглядає як "/Папка/файл" зі слешем спочатку. Так, запис <a href="/course/">Курси </a> означає, що посилання веде в папку з ім'ям course, яка розташовується в корені сайту, а в ній необхідно завантажити індексний файл.
Врахуйте, що така форма запису не працює на локальному комп'ютері, а тільки під управлінням веб-сервера (на веб сайтах).