Вся інформація про перехід вказується в атрибутах:
Кожен елемент A визначає якір:
- Вміст елемента A визначає місцезнаходження якоря.
- Атрибут name іменує якір так, що він може бути якорем призначення кількох посилань.
- Атрибут href робить цей якір джерелом однієї конкретної гіперпосилання.
Літак 100% прилетить до Москви, але 100% -ної гарантії потрапляння в аеропорт Домодєдово немає. Все залежить від авіа-перевізника, купленого квитка та інших чинників. Ймовірних маршрутів три:
- Аеропорт Мінськ »Москва» Аеропорт Шереметьєво
- Аеропорт Мінськ »Москва» Аеропорт Домодєдово
- Аеропорт Мінськ »Москва» Аеропорт Внуково
Аеропорт Мінськ - це джерело або пункт відправлення А. Коли ми укладаємо текст в тег . текст стає якорем-джерелом. Москва - пункт призначення Б. Пункт призначення вказується через атрибут тега href.
За допомогою такої конструкції ви зможете послатися з однієї сторінки на іншу. Сама сторінка може бути великий і в її змісті можуть бути різні тематичні частини, розділені підзаголовками. Щоб зробити посилання максимально точною і не змушувати перейшов шукати потрібну інформацію на сторінці, до складу атрибута href включають також і якір (anchor).
Можна зустріти розмовний варіант: Постав анкер. Правильніше вживати саме визначення якір. так як позначаються дані елементи посилань саме значком якоря.
Московські аеропорти - це ті самі якоря (анкери). Якорів може бути скільки завгодно. В HTML 4 якір вказується через атрибут name тега і ставиться в текст наступною конструкцією:
У HTML5 даний варіант є застарілим і не рекомендується для використання. Замість атрибута name рекомендують використовувати атрибут id. Причому можна посилатися на id будь-якого елементу сторінки, так що цей варіант кращий і набагато універсальніше. Щоб послатися на якір, потрібно після тексту посилання поставити символ # і вказати ім'я якоря:
Отже, повернемося від перельотів до html. Атрибут href вказує шлях до файлу. Покажчик може бути абсолютним або відносним. Абсолютний вказує точне місцезнаходження об'єкта посилання, а відносний - положення об'єкта відносно документа, що містить посилання на об'єкт (якір-джерело).
Вася Пупкін живе в моєму під'їзді, в 193 квартирі.
Якщо ви не знаєте, де живу (перебуваю) я, ви не зможете визначити місцезнаходження громадянина Пупкіна. Тому відносні посилання за певного збігу обставин можуть виявитися листом на село дідусеві. Припустимо,
Проте відносні посилання застосовуються при верстці сайту досить часто і мною в тому числі. Чому? Тому що вказати
набагато швидше, простіше і коротше ніж
Не забувайте про корисний атрибут - title. C допомогою нього можна зробити підказку для гіперпосилання. При наведенні курсора на посилання з'являється підказка зі значенням атрибута:
Тепер про те, як уникнути деяких збігів обставин. Є на цей випадок один хороший тег контейнера
-Однак, при цьому якоря відносних посилань працювати перестануть, бо вийде наступне:
Так що тег base - це не панацея, а засіб для вирішення конкретних завдань. Так що намагайтеся не використовувати теги, якщо на те немає необхідності.
Вище я навів приклад як за допомогою слеша / вказати посилання на корінь сайту:
Корінь сайту - коренева папка, в якій знаходяться всі його файли, включаючи папки. Папки другого рівня - це все папки, які можна бачити, відкривши кореневу. І так далі. Часто при описі файлової структури сайту вживають терміни дерево і гілки.
Деревом називають сукупність шляхів від кореня сайту (з однієї точки) до всіх файлів сайту. Структура і справді дуже схожа на дерево з тією лише різницею, що корінь файлової системи зазвичай вказується вгорі і все його гілки розташовуються нижче.
Гілка - це папка всередині кореня сайту. вона може мати вкладені папки, а ті в свою чергу теж. Таким чином структура галузиться.
І якщо послатися з однієї кореневої гілки (з файлу novosti.html) в іншу (на файл logo.jpg) можна тільки з кореня сайту
то всередині гілки часто це можна зробити простіше і коротше, так як гілка може містити дуже багато підпапок