Гіпертекстові посилання є відмінною рисою гіпертекстових WEB - публікацій. Введення гіпертекстових посилань (далі - посилання) дозволяє об'єднати будь-яка множина документів в єдине видання. Вони роблять набір документів пов'язаних і структурованим, що дозволяє читачеві (користувачеві) отримувати необхідну йому інформацію максимально швидко і в повному обсязі.
Посилання мають стандартний формат, що дозволяє браузеру інтерпретувати їх і виконувати необхідні функції (викликати методи) в залежності від типу посилання.
В HTML термінології кінцеві точки зв'язків часто називають anchors (якір).
Існують два кінця зв'язку (якоря): зв'язок здійснюється від однієї точки до іншої. Остання, звана метою (target) зв'язку, часто є початком документа.
Пов'язаний текст (абревіатура HUT), діє, як зв'язок до Web - документу, який пояснює це скорочення і дає інформацію про нього. Відображення тексту зв'язку можливо по-різному: текст зв'язку може бути підкреслять, забарвлений або виділений в текстовому матеріалі якимось іншим чином. Користувач (читач) може дізнатися, як зв'язку відображені в кожному окремому оточенні.
За замовчуванням з посиланням буває пов'язана завантаження іншого Web - ресурсу. Запуск посилання досягається зазвичай шляхом вибору посилання курсором миші і подальшого клацання лівою клавішею миші (або за допомогою введення з клавіатури).
Мал. 8.25 Візуалізація посилання
Використовуючи елемент A для створення цільових якорів, можна записати:
продовження утримання.
тіло документа.
Вступ
.розділ 1.Передісторія
.розділ2.Більш конкретні замітки
. розділ 2.1.Візуалізація наведеного вище HTML - коду в вікні браузера ілюструється рис. 8.26.
Мал. 8. 26 Візуалізація посилань, створених за допомогою елемента А і атрибутів href і name.
Такого ж ефекту можна досягти, зробивши якорями самі елементи заголовка:
Вступ
Більш конкретні замітки
В останньому записі використані атрибути href і id. Вид HTML - документа у вікні браузера залишається без змін.
Найбільш часто зараз посилання використовуються для завантаження інших Web - ресурсів (як показано в попередніх прикладах). Для посилань, що виражають інші типи відносин, в вихідному якорі вказуються один або більше типів посилань.
Ролі посилань, які визначаються елементами A або Link. вказуються за допомогою атрибутів rel і rev. Тип першого посилання - "prev", другий - "next" (два з ряду розпізнаються типів посилань).
Для завдання заголовків посилань використовується атрибут title (для елементів A і LINK).
Розглянемо керуючі елементи HTML. використовуються при створенні посилань.
Керуючий елемент A - якір (точка посилання).
За допомогою цього керуючого елемента HTML задаються типи прямих і зворотних посилань, кодування символів пов'язаного ресурсу, код мови і інші параметри локальних посилань. У записі коду HTML початковий і кінцевий теги: обов'язкові.
- name = cdata. Цей атрибут присвоює якоря ім'я. Значення цього атрибута повинно бути унікальне ім'я. Область дії цього імені поширюється на поточний документ. Цей атрибут використовує спільний простір імен з атрибутом id.
- href = URL. Цей атрибут визначає місце розташування ресурсу Web. Він визначає зв'язок між поточним елементом (вихідним якорем) і цільовим якорем.
- hreflang = langcode. Цей атрибут задає базовий мову ресурсу, якого призначає атрибутом href.
- type = content - type. Цей атрибут визначає тип частині вмісту, наприклад, результат зворотної дії посилання на ресурс
- rel = link - type. Цей атрибут описує ставлення з поточного документа до якоря, заданому атрибутом href. Значення цього атрибута є розділений пробілами список типів посилань.
- rev = link - type. Цей атрибут використовується для опису зворотної посилання з якоря, що задається атрибутом href. в поточний документ. Значення цього атрибута є розділений пробілами список типів посилань.
- charset = charset. Цей атрибут задає кодування символів призначається посиланням ресурсу.
Кожен елемент A визначає якір:
- Вміст керуючого елемента A визначає положення якоря.
- Атрибут name цього елемента задає ім'я якоря, так що він може служити пунктом призначення будь-якого числа посилань.
- Атрибут href призначає якір пунктом призначення для одного посилання.
Тут посилання даються на HTML - файли, розміщені в тій же директорії, що і файл даного прикладу.
На ріс.8.27 наведено візуальний вигляд Змісту в вікні браузера.
Мал. 8.27 Вид вихідного HTML - документа у вікні браузера
Слова, які використовуються в якості вихідного якоря посилання, виділені підкресленням.
Мал. 8.28 Вид змісту першого розділу у вікні браузера
Як видно з наведеного рисунка, в складі змісту першого розділу представлені слова (виділені підкресленням), в свою чергу є вихідними якорями для посилань на конкретний матеріал певного параграфа.
При створенні вищенаведених прикладів використаний атрибут href.
- Маркер розділу. Синтаксис даного маркера наступний:
Текст-який-відобразиться-в-першої-рядку-броузера
- Посилання на цей маркер:
Як приклад наведемо початковий текстової фрагмент даного параграфа:
8.8 Посилання
Гіпертекстові посилання є відмінною рисою гіпертекстових WEB - публікацій. Введення гіпертекстових посилань (далі - посилання) дозволяє об'єднати будь-яка множина документів в єдине видання. Вони роблять набір документів пов'язаних і структурованим, що дозволяє читачеві (користувачеві) отримувати необхідну йому інформацію максимально швидко і в повному обсязі.
Посилання мають стандартний формат, що дозволяє браузеру інтерпретувати їх і виконувати необхідні функції (викликати методи) в залежності від типу посилання.
В HTML термінології кінцеві точки зв'язків часто називають anchors (якір).
Існують два кінця зв'язку (якоря): зв'язок здійснюється від однієї точки до іншої. Остання, звана метою (target) зв'язку, часто є початком документа.
пов'язаний текст (Абревіатура HUT), діє, як зв'язок до Web - документу, який пояснює це скорочення і дає інформацію про нього. Відображення тексту зв'язку можливо по-різному: текст зв'язку може бути підкреслять, забарвлений або виділений в текстовому матеріалі якимось іншим чином. Користувач (читач) може дізнатися, як зв'язку відображені в кожному окремому оточенні.
За замовчуванням з посиланням буває пов'язана завантаження іншого Web - ресурсу. Запуск посилання досягається зазвичай шляхом вибору посилання курсором миші і подальшого клацання лівою клавішею миші (або за допомогою введення з клавіатури).
Кожній посиланням зіставляється певний код. Визначивши якір, ми можемо пов'язати його з цим же або з іншим документом. URI, що призначають якір, включають символ "#", за яким слідує ім'я якоря (ідентифікатор фрагмента). В даному випадку використовуються імена посилань "# ex1", "# ex2".
Мал. 8.29 Візуалізація посилань у вікні браузера
Мал. 8.30 Візуалізація фрагмента тексту, викликаного по посиланню
Мал. 8.31 Фрагмент, викликаний другий посиланням
Маркер розділу може бути вставлений як в тому ж документі, який проглядається в поточний момент, так і в будь-якому іншому документі. В останньому випадку браузер здійснить завантаження іншого документа і перейде до візуалізації зазначеного в посиланні розділу.
Зазвичай браузери представляють посилання таким чином, щоб вони були наочно помітні користувачами (наприклад, підкреслення). Конкретне уявлення залежить від браузера. Подання посилання може відрізнятися в залежності від того, чи відвідував вже хто-небудь вказане посилання. Можливо візуальне поданням попередньої посилання.
Синтаксис імен якорів. Іменем якоря є значення атрибута name або атрибута id. використовуваного в контексті якоря. До іменам якорів застосовуються такі правила:
-Унікальність. Імена якорів повинні бути унікальні в межах документа. Імена якорів в жодному документі не можуть відрізнятися тільки регістром.
-Відповідність рядків. Порівняння між ідентифікатором фрагментів і іменами якорів має проводитися на основі повної (з урахуванням регістру) збігу.
Посилання та якоря, визначаються елементом А, не можуть бути вкладеними. Елемент А не повинен містити інших елементів А.
Якоря можуть створюватися і за допомогою атрибута id. Атрибут id може використовуватися для створення якоря в початковому тегу будь-якого елементу (включаючи елемент A).
Елемент LINK - відносини документів.
За допомогою цього елемента створюються незалежні від пристрою посилання. У записі HTML - коду н ачальний тег: обов'язковий. кінцевий тег: заборонений.
Цей елемент визначає зв'язок. На відміну від елемента А (присутнім тільки в тілі документа), він може бути присутнім тільки в заголовку документа HEAD HTML - документа, хоча може бути присутнім необмежену кількість разів. Елемент LINK не має вмісту. Він містить інформацію про відносини, яка може представлятися різними способами (наприклад, у вигляді панелі з списком, що випадає посилань).
Елемент LINK визначає відношення між поточним документом і іншим ресурсом. Хоча елемент LINK не має вмісту, що визначаються їм відносини можуть відображатися деякими браузерами.
Прямі та зворотні посилання. Атрибути rel і rev задають пряму і зворотну посилання, відповідно. Обидва атрибута можуть визначатися одночасно.
Елемент BASE вставляється в розділ HEAD HTML - документа, до елементів, що посилаються на зовнішні ресурси. Інформація про шляхи, зазначена в елементі BASE. впливає тільки на URL в документі, в якому присутній цей елемент.
Наприклад, нижче ілюструється приклад використання елемента BASE.
Клацнувши курсором миші по посиланню, Ви побачите картину A>
У наведеному прикладі елементи А і BASE використовуються для створення посилання на малюнок (рис. 8.32).
Мал. 8.32 Використання елементів BASE і А для створення посилання на малюнок
Після клацання курсором миші по посиланню на екрані браузера візуалізується картина (рис. 8.33).
Мал. 8.33 Реалізація посилання на картину
Посилання, зазначені в заголовках HTTP, обробляються так само, як елементи LINK, встановлені в документі.
Вважається, що елементи OBJECT і APPLET визначають атрибути, що мають перевагу над значенням, встановленим для елемента BASE.