Чи не працює гіперпосилання в html. Гіперпосилання - що це таке, як зробити посилання і вставити в HTML код (href, target blank і інші атрибути тега a). Посилання-кнопка за допомогою CSS стилів

<а href="http://www.mysite.com/doc2.htm/anch3">

To є, ми поєднуємо використання повного URL документа і одночасно указивааем на якийсь його фрагмент, позначений як "anch3".

Мал. 1.16. Вікно браузера з результатом відображення файлу, наведеного в лістингу 1.16

Слід зазначити, що якщо текст, на який вказує гіперпосилання, вже відображений у вікні перегляду, як це сталося в нашому останньому прикладі, то ніяких змін не відбудеться. Але варто лише змінити розміри вікна перегляду браузера по вертикалі так, щоб приховати останній рядок вмісту, на яку і вказує гіперпосилання, і результат її дії можна буде наочно продемонструвати.

Природно, всі найменування подібних маркерів-закладок, які визначаються за допомогою значення параметра name, повинні бути унікальними. При цьому слід враховувати, що HTML не робить відмінностей між великими і прописними символами. Тому, якщо в нашому HTML-документі визначені дві закладки, на які будуть згодом посилатися гіперпосилання, що розрізняються лише регістром символів, то для HTML-аналізатора, вбудованого в браузер, ці ідентифікатори будуть вважатися однаковими, і він не буде обробляти жоден з них.

Втім, ми вже знаємо, що ідентифікувати будь-якої елемент HTML-документа можна і за допомогою параметра id, який може використовуватися в складі будь-якого тега. При цьому гіперпосилання, що вказують на фрагменти документів, можуть використовувати і ці параметри, т. Е. Для установки маркера-закладки на будь-якої тег не обов'язково використовувати тег<а> з параметром name, досить лише використовувати параметр id.

Значення параметра name і параметра id є унікальними ідентифікаторами елементів HTML-документа. Тому жодне значення параметра name не повинно збігатися з жодним значенням параметра id.

Але який варіант слід вибрати для своїх Web-сторінок, який саме параметр варто використовувати? Тут необхідно усвідомлювати, що, незважаючи на те, що параметр id може служити для виконання декількох дій, таких як ідентифікація маркера-закладки, створення унікальних щдентіфікаторов для виконуваних сценаріїв DHTML і стильового оформлення, деякі застарілі браузери можуть не сприймати ці ідентифікатори для орієнтування гіперпосилань.

Спільно з тегом<а> може використовуватися параметр title, який допоможе ідентифікувати гіперпосилання для віддаленого користувача. Значення цього параметра є текстовий рядок, який буде відображатися вигляді маленької підказки - хинта, коли користувач наведе курсор миші на потрібну гіперссияку. Виглядає оголошення подібної гіперпосилання приблизно наступним чином:

<а href="www.site.com" title="Дуже симпатичний сайт">

За допомогою параметра hreflang ми можемо вказати мову, на якому написано текстове вміст того інтернет-ресурсу, на який і вказує дана посилання. Як значення параметра використовується одне із стандартних позначень мови, які ми розглядали в цьому розділі дещо раніше.
Але одного вказівки мови, на якому написано текстове вміст Web-сторінки, буває мало. Необхідно вказувати ще і застосовується кодування. І тут нам може допомогти знайомий вже нам параметр charset, значенням якого є стандартне позначення кодування, що застосовується для відображення текстового вмісту того інтернет-ресурсу, на який вказує шукана гіперпосилання.

За допомогою параметра гel ми можемо вказувати призначення документа, на який вказує гіперпосилання, т. Е. Значення цього параметра явно позначає відношення між вихідним документом і документом, на який ми посилаємося. Використання даного параметра ніяк не впливає на спосіб відображення гіперпосилання або механізм отримання ресурсу, але може бути корисним. Якщо Web-сторінки призначені не тільки для перегляду за допомогою браузера, а й для обробки деякими спеціалізованими додатками. Такими, наприклад, як просунуті пошукові системи, які в змозі правильно розпізнавати і обробляти подібні відносини між документами, що позначаються за допомогою гіперпосилань.

Як значення параметра rel застосовується одне із зумовлених ключових слів, які ми зараз розглянемо.

• Alternate.Значення вказує, що документ є альтернативним поданням вихідного документа. Якщо при цьому в гіперпосиланням використовується параметр lang зі значенням, яке відмінно oт мови вихідного документа, то подібна гіперпосилання зазвичай розглядається як посилання на копію вихідного документа іншою мовою.
• Stylesheet.Позначає, що документ, на який вказує гіперпосилання, є стильовою таблицею. Про механізм застосування стильових таблиць детально розказано в другому розділі.
• Start.Застосовується для позначення початкового, стартового документа якогось безлічі документів. Стосовно до Web-сайту це, очевидно, буде домашня сторінка.
• Next.Значення використовується, якщо стартовий документ і документ, на який вказує гіперпосилання, входять в якусь лінійну впорядковану послідовність документів, і останній є наступним у послідовності по відношенню до вихідної Web-сторінці.
• Prev.Значення використовується в тому ж випадку, що і попереднє, але тепер вказує на те, що документ в ланцюжку є не таким, а попереднім, по відношенню до стартового документу.
• index.Використовується в гіперпосиланнях, які вказують на документ, який є індексованих змістом вихідної Web-сторінки.
• Glossary.Значення вказує, що документ містить словник термінів, що використовуються в вихідному документі.
• copyright. Використовується, якщо документ, на який вказує гіперпосилання, містить повідомлення про авторські права на вміст вихідного документа.
• chapter.Застосовується в гіперпосиланнях, що вказують на документи, які є окремими главами в якомусь безлічі документів.
• section. Гіперпосилання з таким значенням параметра rel вказує на документ, який є розділом в загальному безлічі документів, що утворюють єдине ціле зміст.
• subsection. Значення є деяким продовженням концепції, позначеної попереднім розглянутим нами значенням. Воно позначає, що документ є вже підрозділом.
• Appendix. Значення вказує, що документ, на який вказує гіперпосилання, є додатком до вхідного документа.
• Help. Використовується для посилань на документи, які надають додаткову довідкову інформацію по відношенню до вмісту вихідного документа.
• Bookmark. Застосовується для посилань на HTML-документи, які містять посилання на деякі виділені ключові фрагменти вихідного документа.

При використанні цих значень необхідно враховувати, що в даному випадку HTML-аналізатори будуть чутливі до регістру символів, тому необхідно повністю дотримуватися того написання, яке наведене в нашому списку.

Насправді, в HTML є можливість створювати свої значення для розглянутого нами атрибута, але так як для використання цього параметра в повній мірі необхідно використовувати спеціалізовані засоби опису цих нових значень і програмне забезпечення, яке орієнтоване на розпізнавання цих типів посилань. Так як нас цікавлять браузери, то створення нових типів посилань нам ні до чого.

Дана технологія насправді є паліативом, який покликаний забезпечити хоча б частину можливостей, що надаються новою мовою опису документів в Інтернеті - XML \u200b\u200b(extensible Markup Language), який пророкують на роль наступника і "вбивці" HTML Але поки не існує поширених XML-браузерів і додатків, що обробляють XML-документи. І ще досить довгий час ця технологія не стане загальноприйнятою, а значить, технологія HTML ще має повне право на життя і буде використовуватися в якості основи для Web-сторінок ще досить довго.

Але повернемося до розгляду атрибутів тега<а>. Атрибут rev є протилежністю атрибута rel. Якщо атрибут rel визначає тип документа, на який вказує гіперпосилання, то атрибут rev визначає тип вихідного документа, що містить гіперпосилання. Як значення цього атрибута застосовується все той же набір ключових слів, який використовувався і для атрибута rel.

За допомогою параметра target ми вказуємо, в якому фреймі необхідно відобразити документ, на який вказує посилання. Справа в тому, що зазвичай в одному вікні перегляду браузера відображається один документ. Але в HTML існує можливість поділити вікно перегляду на кілька областей, званих фреймами, в кожному з яких буде відображатися свій HTML-документ. Саму технологію використання фреймів ми будемо розглядати в одному з наступних розділів цієї глави, а поки лише відзначимо, що параметр target дозволяє явно вказувати, в якому фреймі необхідно відобразити Web-сторінку. Установка гіперпосилання з використанням цього параметра буде виглядати приблизно так:

<а href="http://www.mysite.com/docl.html" target="_top">

Подібна гіперпосилання змусить браузер завантажити Web-сторінку, URL якої зазначений в якості значення параметра href, в верхній фрейм, ім'я якого зазначено в параметрі target. Як значення останнього параметра використовуються ключові слова, певні в специфікації HTML. Ми розглянемо їх в розділі, присвяченому фреймам.

Деякі органи введення інформації і гіперпосилання дозволяють переміщати фокус введення між собою за допомогою клавіші табуляції, т. Е. Одне натискання цієї клавіші активізує наступний орган введення, що входить в загальну послідовність. А порядок переміщення між органами управління, що входять в загальну послідовність, задається за допомогою параметра tabindex. Як значення цього параметра використовується звичайне ціле позитивне число, і чим більше це число у будь-якого органу введення даних або гіперпосилання, тим пізніше дійде до нього черга при переміщенні фокуса введення. Природно, у жодної пари елементів оформлення Web-сторінки значення цього параметра не повинно збігатися, інакше браузер просто не буде включати їх в послідовність елементів з переміщенням фокусу введення.

Втім, крім доступу за допомогою послідовних натискань клавіші табуляції, ми можемо використовувати параметр access key, в якості значення якого вказується символ. Коли користувач натискає на клавішу, яка відповідає за введення даного символу, фокус вводу автоматично передається шуканої гіперпосиланням, в оголошення якої і вбудований параметр access key, і користувач може активувати її без використання миші, одним лише натисненням на клавішу . Розглянемо маленький приклад:

<а href="http://www.mysite.com/docl.html" tabindex="2" accesskey="U">

В якості носія гіперпосилання може виступати не тільки текст, а й графічне зображення. Для цього необхідно тег, що оголошує вставку графіки до складу вмісту Web-сторінки, помістити між тегами<а> і. Але справа в тому, що на графічне зображення ми можемо "навісити" не одну, а кілька гіперпосилань, т. Е. В межах картинки виділяється кілька активних областей, натискання мишею на кожну з яких активує відповідне гіперпосилання. Подібна технологія називається сегментированной графікою.

Для створення подібних графічних зображень, пов'язаних з декількома гіперпосиланнями, застосовуються спеціалізовані теги. Спочатку оголошуються активні області малюнка, звані також сегментами. Вся їх сукупність становить карту активних сегментів малюнка, якій присвоюється якесь ім'я. А потім це ім'я карти зв'язується з самим зображенням, які декларуються за допомогою тега . Розглянемо типовий приклад.

лістинг 1.17

! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN"
"Http://www.w3.org/TR/htm!4/strict.dtd"\u003e




<р>Це звичайний текст.

У цьому прикладі видно, що при оголошенні малюнка, в тег ми вставляємо параметр usemap, значенням якого є найменування карти активних сегментів малюнка, пов'язаних з гіперпосиланнями. Перед найменуванням використовуваної карти активних сегментів вставляється символ решітки. Опис цієї карти поміщається між тегами . При цьому у відкриваючого тега

Карта складається з опису сегментів. Кожен сегмент описується за допомогою одного тега<агеа>. Ми можемо застосовувати активні сегменти трьох різних форм: прямокутники, кола і багатокутники. Форма задається за допомогою обов'язкового параметра shape. Як значення даного параметра ми можемо використовувати одне з трьох попередньо встановлених значень.

• значення rect використовується для створення прямокутних активних областей.
• значення circle використовується для створення кругового сегмента.
• значення polyдозволяє створювати активні сегменти у вигляді опуклих багатокутників.

Після того, як ми задали тип форми, слід точно визначити їх розміри і розташування на нашому графічному зображенні. Для цього використовується параметр coords, як значення якого записується перелік координат, що визначають активний сегмент. У лістингу 1.17 ми можемо побачити, що координати в загальному списку розділяються звичайної коми. Відлік координат ведеться від верхнього лівого кута малюнка, який має координати (0; 0).

Для прямокутних сегментів задаються координати верхнього лівого і правого нижнього кута. А для багатокутників послідовно перераховуються координати всіх точок, в порядку з'єднання їх лініями. Природно, перша і остання пара координат повинні збігатися, інакше багатокутник виявиться незамкнутим, і активний сегмент не буде оброблятися.

В тег<аrеа> входить і параметр href, як значення якого використовується URL ресурсу, на який вказує гіперпосилання даного сегмента.
Але цей параметр, як не дивно, не є обов'язковим. У тому випадку, коли сегмент створюється, але не повинен з'єднаються з гіперпосиланням, слід використовувати параметр nohref, який не має значення.
Але обов'язковий параметр для тега<аrеа> все-таки є. Це параметр alt, значенням якого є текстовий рядок, що є альтернативним поданням малюнка. Як ми знаємо, цей рядок відображається у вигляді хинта, коли користувач наводить курсор миші на об'єкт. У нашому випадку таким об'єктом є активний сегмент, впроваджений в графічне зображення.

Також в тезі<агеа>, Як і в тегах звичайних гіперпосилань, то будуть використовуватися установки tabindex і access key, які дозволяють активізувати гіперпосилання без використання миші, за допомогою однієї лише клавіатури. Структуру значень цих параметрів ми розглянули кілька раніше. Трохи відступаючи від теми, слід зауважити, що будь-який правильним Web-майстер неодмінно повинен використовувати ці параметри, так як тільки їх застосування може гарантувати активацію гіперпосилань без допомоги миші.

Отже, ми розібралися з застосуванням технології сегментованої графіки. Але про посилання ми дізналися далеко не всі. У специфікації HTML визначено тег , Який створює не звичну нам гіперпосилання, а деяку зв'язок між що відображається документом і будь-яким додатковим файлом. Теги можуть розміщуватися тільки в розділі заголовка HTML-документа, між тегами іЯк приклад застосування розглянутого нами тега можна навести такий фрагмент коду:

лістинг 1.18

"Http://www.w3.org/TR/html4/strict.dtd"\u003e

За допомогою цього фрагмента ми вказуємо, що дана Web-сторінка містить другу главу якогось великого документа, і за допомогою тегів вказуємо зв'язку з Web-сторінками, що містять зміст, а також попередню і наступну главу. Тип документа, на який вказує посилання, визначається за допомогою знайомого нам параметра rel, Звичайний браузер, звичайно, не зможе якимось чином обробити та відобразити подібні посилання. Вони були введені в HTML для створення документів, які оброблялися б за допомогою деяких спеціалізованих додатків, що дозволяють на основі даного формату створювати системи документообігу. Але вбудованих мізерних можливостей HTML для створення повноцінних систем документообігу було явно недостатньо, і коли був розроблений стандарт XML, розробники з радістю змінили фаворита.

Так що ж, виходить, що в звичайних Web-сторінках тег абсолютно даремний? Насправді ні. Тільки за допомогою цього тега ми можемо поєднувати Web-сторінки з зовнішніми стильовими таблицями, найпотужнішим засобом управління відображенням документа в браузері. Але про стильових таблицях ми дізнаємося трохи пізніше, у другому розділі. Там же ми і розглянемо приклад застосування тега . А поки нам залишилося лише перерахувати параметри даного тега. Всі ці параметри застосовуються і в тегах<а> з тими ж можливими значеннями, тому ми не будемо детально розглядати кожен параметр, а просто коротко їх перерахуємо:

• charset- вказує кодування документа, на який вказує посилання;
• href - в якості значення використовується URL документа, на який вказує посилання;
• hreflang- значенням є кодове позначення мови, на якому написаний пов'язується документ;
• type- встановлює тип документа, на який вказує посилання;
• rel- задає статус документа, на який вказує посилання по відношенню до вхідного документа;
• rev- задає статус вихідного документа по відношенню до того, на який вказує дане посилання;
• media- вказує тип пристрою, на якому буде відображатися документ, на який вказує посилання.

На даний момент підтримуються документи, які відображаються на звичайних моніторах, на брайлівський моніторах, розрахованих на людей з втратою зору, для друкуючих пристроїв та пристроїв мовного відтворення. І, природно, крім цих параметрів використовується набір загальних для всіх тегів параметрів додаткової ідентифікації.

Залишилося нам розглянути тільки один тег, що застосовується для обслуговування гіперпосилань. Як ми знаємо, ми можемо не вказувати повний URL для документів, на які вказують гіперпосилання, якщо цей документ знаходиться на тому ж Web-сайті, що і вихідна Web-сторінка. Але виявляється, ми можемо точно так же надходити і з гіперпосиланнями на Web-сторінки, що входять до складу інших сайтів.

За допомогою тега ми задаємо підставу для гіперпосилань з укороченими значеннями параметра href. Спробуємо продемонструвати дію цього механізму на простому і наочному прикладі:

"Http://www.w3.org/TR/html4/strict.dtd"\u003e



<Р>текст<А href="/pages/birds.gif">Посилання

Як значення обов'язкового параметра href тега ми задаємо документ, який є основою для вмісту Web-сторінок нашого сайту. І тепер, якщо в тілі нашого HTML-документа ми використовуємо гіперпосилання з укороченим URL, то в якості доменного імені для цього URL буде використовуватися не ім'я вихідного сайту, а той, що зазначений в тезі . Таким чином, в прикладі гіперпосилання вказує на документ

c URL www.mysite.com/pages/birds.gif.

Слід уточнити, що тег розміщується в заголовку документа між тегами і .

І це все, що ми можемо розповісти про застосування гіперпосилань в HTML.

Гіпертекст являє собою текст, що містить посилання на інший текст. Прикладом можуть служити примітки автора на складні визначення або виноски перекладачів внизу сторінки книги, якщо в ній зустрічається текст іноземною мовою. Веб-сторінки являють собою складну систему гіпертекстових переходів з однієї сторінки на іншу, в межах самої сторінки, а також між непов'язаними єдиною тематикою ресурсами. Така структура практична, економить багато часу, дозволяє відвідувачеві швидко знайти необхідну інформацію і не розгубитися у великій кількості переходів.

вставка гіперпосилання