Гіперпосилання
Що таке гіперпосилання? Гіперпосилання, вони ж URL ("урли"), "лінки" та інша - основа всього инета ... Власне, зустрічаєте ви їх на кожному кроці - ось хоча б тут, в меню, при переході на іншу сторінку, в інший розділ. .. У цій главі я розповім не тільки банальне відоме 90% сетянам "<a href =" але і про інші хітрушкі, знайомі небагатьом. Але будемо послідовні. Отже ... урл:
<a href="http://что-то там.ру"> найменування лінка </a>
так виглядає звичайна посилання в коді. А в броузері ми побачимо те, що знаходиться в "контейнері" тега, тобто в нашому прикладі це - "найменування линка".
Здавалося б, все ясно, але є нюанси ..
Шляхи в гіперпосиланням можуть бути абсолютними або ж відносними.
Що таке абсолютний шлях?
Це посилання виду <a href="http://srez.ru/"> мій сайт </a> - посилання, що веде на мій сайт з будь-якого місця, навіть будучи розташованої в збереженому на гвинті документі вона буде переправляти користувача на забитий в неї адресу.
Що таке шлях відносний?
- Це шлях, що відсилає юзверя з урахуванням поточного його розташування. Наприклад, ми маємо сайт http://srez.ru/. А в ньому маємо пачку директорій, серед яких, наприклад, XXX - гляньте в адресний рядок дії (тим, хто в танку - це в самому верху; 0)) бачимо там приблизно таке - http://srez.ru/директория/файл .html (взагалі зазвичай пага закінчується на .html, або навіть .shtml, а у який користується php - взагалі файли "без розширення", але це не суть важливо),
Загалом ... - відносний шлях (в конкретному випадку слід розглядати те, що після знака "дорівнює") читається як Сайт, директорія "teach", в ній директорія html, і в ній вже лежить файло з ім'ям links (закінчення не пишу , тому як воно прописано в скрипті .php) з усією цією завірюхою. Отже ... Розглянемо посилання на сторінку "index" (файл "Бредісловіе"):
"Абсолютний" ("жорсткий") шлях:
<a href="http://сайт.ru/діректорія/файл.html"> ім'я посиланням </a>
Залежний шлях:
<a href="файл.html"> файл </a>
Що ж бачимо? Залежний шлях і коротше (а отже, і менше важить і його простіше писати!) І зручніше - не потрібно пригадувати весь шлях - достатньо бути впевненим, що файл.html лежить в одній директорії сайту з файлом, до якого (або з якого) ми звертаємося. Це полегшить юзверя житіє в разі, якщо він тупо збереже сторінки на гвинт.
Показую на пальцях: -
в директорії X є два файла - Y і Z
так ось ... в будь-якому з цих файлів буде працювати посилання на інший, поставлена як просто
<a href="Y.html"> назву посилання </a> або ж
<a href="Х.html"> назву посилання </a>
Ну а що робити, якщо він лежить в іншій директорії?
Тут вже доведеться врахувати частину шляху ...
потрібно уявити собі "дерево".
Сайт.ru:
/ X
fail1.html
fail2.html
fail3.html
fail4.html
/ Y
/ G
fail5.html
Поясню докладніше: На сайті дві директорії - X і Y. У директорії Х лежать 4 файлу. У директорії Y лежить директорія G, в якій лежить ще один файл.
Завдання - поставити посилання, що відкриває один з перших 4-х файлів з файлу fail5.html
абсолютний шлях:
<a href="http://сайт.ру/X/fail1.html"> назву посилання на 1-й файл </a> - посилання цього виду спрацює з будь-якого місця сайту, навіть якщо конкретно цю HTMLьку перенести на зовсім інший сайт.
абсолютний шлях до файлу file5.html в цьому випадку відповідно -
<a href="http://сайт.ру/Y/G/fail5.html"> назву ссИлкіна 5-й файл </a>
Тепер - залежні шляху.
до files1.html з файлу files5.html:
<a href="../../X/fail1.html"> назву посилання </a> - якщо перенести файл з такою посиланням в іншу директорію сайту - вона вже не спрацює ..
до files5.html з файлу files1.html:
<a href="../Y/G/fail5.html"> назву посилання </a> - ця ссликой теж не спрацює, якщо її місце розташування усередині сайту зміниться ... - наприклад в результаті реформування розділу.
Тепер пояснення - "../" це означає команду бродилки піднятися з поточної директорії на рівень вище. Скільки їх у нас всього? Сайт.ру / X / Y / вважаємо: Сайт - це у нас "кореневий каталог" (як диск С :, наприклад), в ньому директорія Y в якій ще й G. Дві директорії. Отже, "../" пишемо два рази - без лапок есессно. (Див. Вище). Тепер бродилка з поточного місця (з файлу fail5.html), звідки отримала посилання, вибереться в кореневу директорію (http: //www.сайт.ru/), але звідси треба йти в інші директорії, знову вглиб сайту .. Йдемо: / X / - на директорію вглиб.
Суть процесу зрозуміла?
Ще варіант, якщо файл, в який веде посилання, знаходиться в тій же директорії, можна написати просто <a href="fail4.htm">
У цьому випадку бродилка спробує запустити заданий на засланні файл в цій же самій директорії, де знаходиться містить посилання файл.
З fail5.html на інші файли така посилання не прокотить.
(Вона повинна буде мати вигляд ../../X/files1.html)
Але саме зручне, це ШЛЯХ ВІД КОРНЯ, він же "відносний"
Ми просто вказуємо шлях щодо кореня (початку сайту)
Тобто, якщо ми напишемо /X/fail3.html, то за умови, що бродилка знаходиться на сайті, а не дивиться на збережену пагу, ми потрапимо акурат на файл3.html
Цей спосіб вказівки посилань найбільш оптимальний, так як нам не потрібно вираховувати, на скільки рівнів підніматися щодо директорії з файлом, з якого ми йдемо. Ми просто вказуємо шлях до того файлу, який хочемо бачити від КОРНЯ сайту ... з його, так би мовити, почала ...
Наприклад, відкрита у нас в Far`e або який її подібної оболонці директорія Program Files. Написавши в командному рядку c: /windows/notepad.exe - в цьому шляху не враховується ЗВІДКИ ми звертаємося до файлу такому-то. Враховується тільки, де він лежить відносно кореня. У нашому випадку це диск С :. У разі вашої сторінки - http: //пага.ру/
І вигляд у посилання буде: <a href="/teach/html/index"> початок уроків з HTML </a>
Що ще потрібно знати про посилання?
Іноді дуже зручно буває, щоб посилання відкрилася в новому вікні, а та сторінка, з якою ми пішли, залишилася незмінною і нікуди не пропала. В цьому випадку ми можемо навести на лінк курсор і, натиснувши праву кнопку миші, вибрати в контекстному меню варіант "Відкрити в новому вікні" (для туканів: друга зверху рядок субменюшкі *). А можна - полегшити відвідувачеві жісь і прописати цю опцію у своїй посиланням самостійно:
<a href="http://сайт.ru/X/fail1.htm" target="_blank"> відкрити "fail1.html" у новому вікні </a>
да-да ... ось це саме target = "_ blank" Воно пишеться через пробіл після href = "URL" і закривається символом>.
які види target ще бувають?
_self - це завантажить лінк в активне вікно. Тобто в те, в якому натиснуто лінк. Він спрацьовує за замовчуванням.
_parent
_top
- Останні два вам не знадобляться, бо до того часу, коли ви дозріє до розуміння, як цим користуватися, ви вже будете знати, що воно робить, і так. Використовується досить рідко? Переважно, всякими лінивцями-збоченцями за звичкою мающіхся давно застарілими фреймами: 0)
Крім загальноприйнятої функції переходу зі сторінки на сторінку, гіперпосилання можуть забезпечити і переходи всередині однієї сторінки. Такі "урізані" гіперпосилання називаються "якоря", і працюють за принципом міток.
Розмістивши де-небудь в тексті "якір" вигляду <a name = "число або ім'я (англійськими літерами!)", Ви можете позиціонувати сторіночку цієї міченої рядком по верхній кромці вікна дії. Набираємо в адресному рядку ім'я нашого файлу, але після кінцівки ставимо додаткове "# ім'я мітки". Наприклад, мітку в файлі file1.htm ми назвали metka 2 - звернутися до неї можна, викликавши файл /путь/file1.htm#metka2 - це можна зробити як вручну, набравши це в рядку адреси, так і забивши у заслання виду <a href = "file1.htm # metka2"> звернення до мітці №2 </a>
Ось, власне, і все основне, що потрібно знати про гіперлінках. А ..., та, звичайно ж
Посилання можуть бути також приліплені і на картинки. Тобто, спрацьовувати при наведенні / натисканні курсору на картинку.
Ось це вставити в документ картинку названіе.gif шириною 82 пікселя, висотою 90 пікселів і має бордюр в 0 пікселів. Тобто, не має оного: 0):
<Img src = "названіе.gif" width = "82" height = "90" border = "0" alt = "картинка">
але про картинки і фони буде окрема глава, так що наберіться терпіння і перегортайте по порядку; 0)
