Посилання в документах html

Гіпертекстові посилання є відмінною рисою гіпертекстових 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 призначає якір пунктом призначення для одного посилання.

Посилання в Web- сторінках

Глава 1

глава 2

глава 3

глава 4

Тут посилання даються на 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.

Клацнувши курсором миші по посиланню, Ви побачите картину

У наведеному прикладі елементи А і BASE використовуються для створення посилання на малюнок (рис. 8.32).

Мал. 8.32 Використання елементів BASE і А для створення посилання на малюнок

Після клацання курсором миші по посиланню на екрані браузера візуалізується картина (рис. 8.33).

Мал. 8.33 Реалізація посилання на картину

Посилання, зазначені в заголовках HTTP, обробляються так само, як елементи LINK, встановлені в документі.

Вважається, що елементи OBJECT і APPLET визначають атрибути, що мають перевагу над значенням, встановленим для елемента BASE.

Схожі статті