Адресою називається шлях до документа, наприклад, до графічного файлу. Адреса необхідний в тих випадках, коли робиться посилання на веб-сторінку або завантажується певний файл. Наприклад, в тезі <img> адреса використовується в якості значення атрибута src, він задає шлях до файлу із зображенням.
Синонімом адреси виступає URL (Universal Resource Locator, універсальний покажчик ресурсів), розрізняють абсолютні та відносні адреси.
Абсолютна веб адреса
Подібні адреси працюють по всіх усюдах незалежно від імені сайту або веб-сторінки, де заданий URL, і починаються завжди з вказівки протоколу передачі даних. Для веб-сторінок це зазвичай HTTP (HyperText Transfer Protocol, протокол передачі гіпертексту), відповідно, абсолютна адреса починається з протоколу http://. У прикладі 6.4 наведено посилання, в якій застосовується абсолютний адресу.
Приклад 6.4. Використання абсолютної адреси у посиланнях
<!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/body"> Опис тега BODY </a> </p> </body> </html>
В даному прикладі текстове посилання веде на сайт html-css.co.ua і вказує на веб-сторінку з ім'ям body.html, яка розташовується в каталозі html.
Абсолютна адреса застосовуються в першу чергу для вказівки на інший мережевий ресурс і досить рідко використовуються в рамках одного сайту.
Відносні адреси
Відносні адреси вказуються від кореня сайту або поточного документа. Наприклад, код <img src="pic.gif"> означає завантажити графічний файл з ім'ям pic.gif, який розташовується в тій же папці, що і сама веб-сторінка. Далі розглянемо кілька прикладів таких адрес.
/ Адреса вказує зазвичай на файл index.html, який знаходиться в корені сайту. Якщо файл index.html відсутній, браузер, як правило, показує список файлів, що знаходяться в даному каталозі. Файл не обов'язково має бути index.html, цей параметр змінюється через налаштування веб-сервера — так називається програма, яка аналізує надходять від браузера запити і передає йому документи, що показуються користувачеві.
/images/pic.gif Слеш (символ /) перед адресою говорить про тому, що адресація починається від кореня сайту. Посилання веде на малюнок pic.gif, який знаходиться в папці images. А та в свою чергу розміщена в корені сайту.
../help/me.html Дві точки перед ім'ям вказують браузеру перейти на рівень вище в списку каталогів сайту і там « пошукати » в папці help файл me.html.
manual/info.html Якщо перед ім'ям папки немає ніяких додаткових символів, на зразок точок або слеша, то папка розміщена всередині поточного каталогу, а вже в ній розташовується файл info.html.
Адреси щодо кореня сайту на кшталт /demo/ працюють тільки під управлінням веб-сервера і на локальному комп'ютері не застосовні.
у прикладі 6.5 наведено посилання, в яких використовуються відносні адреси.
Приклад 6.5. Відносні адреси в посиланнях
<!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="images/ xxx.jpg"> Подивіться на мою фотографію! </a> </p> <p> <a href="tip.html"> Як зробити таке ж фото? </a> </p> </body> </html>
Іноді можна зустріти в адресі посилання шлях у вигляді ./ file/doc.html . Точка зі слешем означає, що відлік ведеться від поточної папки. Подібна запис надлишкова і її можна скоротити до file/doc.html .