Як зробити посилання

Для створення посилання необхідно повідомити браузеру, що є посиланням, а також вказати адресу документа, на який слід зробити посилання. Обидва дії виконуються за допомогою тега <A>, який має єдиний обов'язковий параметр href. Як значення використовується адреса документа (URL).

Адреса посилання може бути абсолютним і відносним. Абсолютні адреси працюють по всіх усюдах незалежно від імені сайту або веб-сторінки, де прописана посилання. Починаються вони з вказівки протоколу передачі даних. Так, для веб-сторінок це зазвичай HTTP (HyperText Transfer Protocol, протокол передачі гіпертексту), відповідно, абсолютні посилання починаються з ключового слова http: // (приклад 1).

Приклад 1. Використання абсолютних посилань

Дійсний HTML
<! 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 = windows-1251">
<Title> Абсолютне посилання </ title>
</ Head>
<Body>

<P> <a href="http://www.yandex.ru"> Пошукова система Яндекс </a> </ p>

</ Body>
</ Html>

Відносні посилання, як випливає з їх назви, побудовані щодо поточного документа або адреси.

Приклади відносних адрес

/
/ demo /
Ці дві посилання називаються неповні і вказують веб-сервера завантажувати файл index.html (або default.html), який знаходиться в корені сайту або папці demo. Якщо файл index.html відсутній, браузер, як правило, показує список файлів, що знаходяться в даному каталозі.

/images/pic.gif
Слеш перед адресою говорить про те, що адресація починається від кореня сайту. Посилання веде на малюнок pic.gif, який знаходиться в папці images. А та в свою чергу розміщена в корені сайту.

../help/me.html
Двокрапка перед ім'ям вказує браузеру перейти на рівень вище в списку каталогів сайту.

manual / info.html
Якщо перед ім'ям папки немає ніяких додаткових символів, на зразок двокрапки, то вона розміщена всередині поточного каталогу (приклад 2).

Приклад 2. Використання відносних посилань

Дійсний HTML
<! 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 = windows-1251">
<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.

Copyright що кредитують © www.htmlbook.ru