3.5.5 Посилання
Припустимо, що в Інтернеті існує хостинг із доменним ім'ям hosting.net й IP-адресою 105.32.121.32. На ньому розміщено кілька сайтів :
www.user1.net
www.user2.com
www.user3.sumy.ua
У такий спосіб маємо, що в кожного сайту є унікальне доменне ім'я, але IP-адреса у всіх однакова – 105.32.121.32 – IP-адреса хостинга.
У системі DNS на прохання сисадмінів (власників) web-сайтів USER’ів і за узгодженням із сисадміном hosting.net прописується, що слід вважати IP-адресою того або іншого USER’а IP-адресу хостинга.
Коли рядовий користувач на своєму «домашньому комп'ютері» набирає www.user3.sumy.ua, запит системою DNS направляється на IP-адресу хостинга. На сервері hosting.net запускається програма, що обслуговує роботу всього сервера (найпоширеніша – APACH), що контролює, який із сайтів потрібний конкретному користувачеві.
Нехай сайт www.user3.sumy.ua має структуру, яка показана на рисунку 32.
Рисунок 32 – Структура web-сайту
У розрізі одного сайту існує кілька видів посилань:
посилання на інші сайти;
внутрішні посилання, тобто посилання усередині сайту;
посилання усередині файлу або на закладку.
Посилання на інші сайти
Зв'язок між документами й окремими частинами документів задається через відповідні гіперпосилання.
Тег посилання має таку структуру:
<A HREF=”URL”> текст посилання </A>,
де
URL – унікальна доменна адреса. Лапки (” ”) при присвоюванні значення атрибуту HREF необов'язкові, але бажані;
текст посилання – текст, що у вікні браузера буде виділений як посилання.
Наприклад:
Необхідно поставити посилання на сайт www.lenty.ru:
<A HREF=”http://www.lenty.ru”> Найбільш цікаві новини </A>.
Поставити посилання на конкретну інформацію, тобто на файл, що належить іншому сайту:
<A HREF=”http://www.lenty.ru/ua/01/21.html”>Наука в Україні </A>.
Кожний з сайтів (www.user1.net, www.user2.com, www.user3.sumy.ua), які розміщені у межах одного сервера (хостинга), є окремим віртуальним сервером. І доступ з одного сайту на інший, розміщений у межах одного хостинг-сервера, здійснюється тільки через Інтернет.
Наприклад, поставити посилання із сайту www.user3.sumy.ua на сайт www.user2.com. Це можна зробити тільки одним способом:
<A HREF=”http:// www.user2.com”> www.user2.com </A>
Поставити посилання із сайту www.user2.com на файл 1.html, що належить сайту www.user3.sumy.ua:
<A HREF=”http:// www.user3.sumy.ua/razdel2/1.html”>1.html </A>
Посилання усередині одного сайту
В index.html сайту www.user3.sumy.ua зробити посилання на файл 1.html
<A HREF=”razdel2/1.html”> текст </A>
У файлі 2.html зробити посилання на файл gabo.jpg
<A HREF=”../razdel1/image/gabo.jpg”> текст </A>
Символ “../” – указує на те, що варто перейти в каталог верхнього рівня.
3 З файлу 3.html зробити посилання на файл 1.html
<A HREF=../../razdel2/1.html> текст </A>
Поставити посилання з будь-якого місця сайту на головну сторінку – index.html.
<A HREF=/index.html>На головну сторінку</A>
Посилання на закладки
У HTML під закладкою розуміють посилання, але не на весь файл, а на якусь його частину, що заздалегідь була названа, як закладка. Для цього у тега <A> існує атрибут NAME.
NAME= “мітка” – створення мітки усередині HTML документа, де мітка – це будь-який символ або набір символів.
Наприклад: <A NAME=”b”> … </A>
<A NAME=b> … </A>
<A NAME=”2”> ... </A>
На певну закладку завжди можна зробити посилання з:
будь-якого місця того ж файлу:
<A HREF=”#мітка”> Текст посилання </A>.
Наприклад, у файлі 2.html є текст:
«...<H3>Де знайти
програмне забезпечення для Macintosh?</H3>
Програмне
забезпечення можна отримати різними
способами. Наприклад,
<UL> <LI><A
HREF=”#1”> у свого постачальника
комп’ютерної
техніки
</A>
<LI><A HREF=”#2”> купити в
спеціалізованих магазинах </A> <LI><A
HREF=”#3”> знайти в Інтернеті </A> </UL>
...
<A NAME=”#1”> У
постачальника </A> ... <A
NAME=”#2”> Де купити </A> ... <A
NAME=”#3”> Як знайти </A> ... »
з іншого файлу одного віртуального сервера.
Наприклад, з файлу 3.html поставити посилання на закладку #2 файли 2.html
<A HREF=../../razdel2/2.html#2> Де купити ПО? </A>.
з іншого віртуального сайту.
Наприклад, із сайту www.user2.com на закладку #3 файли 2.html сайту www.user3.sumy.ua
<A HREF=”http://www.user3.sumy.ua/razdel2/2.html#3> Де знайти ПО? </A>.
Посилання на e-mail
Щоб при натисканні на посилання з'являвся бланк створення e-mail повідомлення, використовують команду <A> у такому форматі:
<A HREF="MAILTO:email">посилання</a>.
Наприклад,
<A HREF="MAILTO:student1@id.sumdu.edu.ua">Student</a>
Можна додати автоматичне підставлення теми в бланк створення e-mail повідомлення
<a href="mailto:email?Subject=тема">посилання</a>.
Наприклад,
<A HREF = "MAILTO:student1@kpm.sumdu.edu.ua ?SUBJECT=Питання заліку"> Student</a>
Зауваження. Цей варіант некоректно обробляється деякими браузерами й мейлеpами.
Тег <А>, крім атрибута HREF, має атрибут TARGET, що може набувати таких значень:
= blank – відкрити посилання в чистому вікні;
= new – відкрити посилання в новому вікні;
= self – відкрити посилання у тому вікні або кадрі,
де розміщене посилання.