Головна |
гіперпосиланняЯк зазначалося вище (п. 2.2.2) під гіпертекстової посиланням (гіперпосиланням) розуміють з'єднання одного Web-ресурсу з іншим. Для створення гіперпосилання використовується елемент розмітки , званий також «якорем». Зауважимо, що при створенні гіперпосилання часто говорять про «якорях» двох видів: - початковому (Ставиться в місці з якого необхідно здійснити перехід) і - Кінцевому (позначати місце до якого необхідно здійснити перехід). Останній також часто називають закладкою. Кінцевий якір не є обов'язковим. Якщо мова не йде про перехід до певного місця в документі - його можна опустити. Напрямок гіперпосилання задається за допомогою атрибута HREF початкового якоря. Як значення атрибута виступає URI ресурсу на який необхідно здійснити перехід. Наведений нижче приклад містить два посилання, одна з яких вказує на документ HTML з назвою "chapter2.html", а інша - на GIF-зображення в файлі "forest.gif": Мал. 2.9. приклад гіперпосилання Активувавши це посилання (наприклад - клацанням миші), користувач може відвідати цей ресурс. Зауважимо, що URI ресурсу до якого повинен здійснюватися перехід, може вказуватися в відносному вигляді (як це показано в даному прикладі), так і в абсолютному (http://MySite.ru/image/forest.gif). Відносний стиль адресації передбачає, що базовий URI (той, який позначається символом «..») вказано в головній частині документа в елементі BASE:
Ви бачили наші товари ?
З урахуванням базового відносний URI "../cages/birds.gif" буде сприйматися браузером як «http://www.MySite.ru/cages/birds.gif»: Що ж до варіанту «chapter2.html» - то в даному випадку в якості базового URI сприймається папка, в якій знаходиться сторінка з початковим якорем. Варто також звернути увагу на прикладні протоколи по котрим HTML дозволяє здійснювати доступ до ресурсів. Крім традиційного http: // це: u ftp: // ... - створює посилання на ftp-сайт або розташований на ньому файл; u mailto: - запускає поштову програму-клієнт з заповненим полем імені одержувача. Якщо після адреси поставити знак питання, то можна вказати додаткові атрибути, розділені знаком "&"; u news: .. - створює посилання на конференцію сервера новин; u telnet: // ... - створює посилання на telnet-сесію з віддаленою машиною; u file: /// - створює посилання на місце в файлової системі локального комп'ютера. Історія розвитку HTML | Основні положення гіпертекстової розмітки | Призначення розділу 1 дати інформацію про версії HTML | документ; контейнер; META; елемент; HEAD; |