3 Посилання в HTML
А як ви дізнаєтеся, куди треба клацнути, щоб перейти на іншу сторінку? Або візуально (колір посилання іншого кольору і підкреслять), або по курсору миші, який перетворюється в долоньку. За всі ці перетворення відповідає тег-контейнер . А за те, куди направити користувача після клацання - його атрибут - href.
3.2 Абсолютні і відносні посилання
Абсолютні посилання зазвичай застосовуються для вказівки документа на іншому мережевому ресурсі, втім, допустимо робити абсолютні посилання і всередині поточного сайту. Однак подібне практикується нечасто, оскільки такі посилання досить довгі і громіздкі. Тому всередині сайту переважно використовуються відносні посилання.
При створенні відносних посилань треба розуміти, яке значення для атрибута href слід вказувати, оскільки воно залежить від вихідного розташування файлів. Розглянемо кілька типових варіантів.
1. Файли розміщуються в одній папці.
Необхідно зробити посилання з вихідного документа index.php на посилається content.php. В такому випадку код буде наступний: 2. Файли розміщуються в різних папках.
3. Вихідний файл index.php знаходиться в папці.
Тепер вихідний файл index.php знаходиться в папці, і щоб послатися на документ content.php в корені сайту, потрібно повторити написання двох точок і слеша (/) два рази:
4. Вихідний файл index.php знаходиться в корені сайту.
Тепер ситуація змінюється, вихідний файл index.php розташовується в корені сайту, а файл, на який необхідно зробити посилання content.php - в папці. В цьому випадку шлях до файлу буде наступний:
Якорем називається закладка з унікальним ім'ям на певному місці веб-сторінки, призначена для створення переходу до неї за посиланням. Якоря зручно застосовувати в документах великого обсягу, щоб можна було швидко переходити до потрібного розділу.
Для створення якоря слід спочатку зробити закладку в відповідному місці і дати їй ім'я за допомогою атрибута name тега , можливе використання ідентифікатора (id), кожне значення ідентифікатора і атрибута name має вживатися тільки один раз на сторінці. Як значення href для переходу до цього якоря використовується ім'я закладки з символом решітки #.
Приклад закладки, яку необхідно розмістити нам в потрібному місці тексту: Або: Між тегами текст не обов'язковий, так як потрібно лише вказати місце розташування переходу за посиланням, що знаходиться на сторінці. У нашому випадку ця закладка знаходиться на сторінці, на якій ми зараз знаходимося, а саме у верхній частині сторінки, перед текстом 3.1 Тег
Тепер необхідно задати посилання, одним помахом якої, ми б перейшли до вставленої раніше закладці в потрібному місці тексту. Результат: Перейти до пункту 3.1
Електронно-навчальний курс з дисципліни "Web - технології"