Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Гиперссылки и якоря. Введение

Использование таблиц в дизайне страницы | Задание формы — элемент FORM | Атрибут COLS | Атрибут VALUE | Как работают фреймы | Задание фреймовой структуры | Определения атрибутов | Спецификация якорей и гиперссылок | Определения атрибутов | Якоря с атрибутом id |


Читайте также:
  1. I. Введение
  2. I. Введение
  3. I. Введение
  4. II. Введение в тему занятия.
  5. А. Введение
  6. А. Введение
  7. А. Введение

HTML предлагает большое количество согласованных публичных идиом для создания сложных структурированных документов, но что отличает его от большинства других языков разметки, так это богатые возможности гипертекста и интерактивные документы.

В этом разделе вводится понятие ссылки (или гиперссылки, ссылки Web), базовой конструкции гипертекста. Ссылка - это соединение одного Web-ресурса с другим. Несмотря на простоту концепции, ссылка является одной из фундаментальных сил, приведших к успешному развитию Web.

Ссылка имеет два конца - называемых якорями - и направление. Ссылка начинается от якоря "источника" и указывает на якорь "назначения", который может быть любым ресурсом Web (напр., изображением, видеоклипом, аудиофрагментом, программой, документом HTML, элементом в документе HTML и т.д.).

"Посещение" связанного ресурса

Акцией по умолчанию, ассоциированной со ссылкой, является запрос другого ресурса Web. Такое действие является обычным и неявно подразумевается при выборе гиперссылки (напр., щелчком на ней мышью, вводом с клавиатуры и т.д.).

Следующий отрывок HTML содержит две ссылки, якорь одной из которых указывает на документ HTML с названием "chapter2.html", а якорь другой - на GIF-изображение в файле "forest.gif":

<BODY>...текст...<P>Вы найдёте многое на <A href="chapter2.html">chapter two</A>. См. также здесь <A href="../images/forest.gif">карту леса.</A></BODY>

Активировав эту ссылку (щелчком мыши, вводом с клавиатуры, голосовой командой и т.п.), пользователь может посетить этот ресурс. Заметьте, что атрибут href в каждом якоре специфицирует адрес якоря назначения с применением URI.

Якорь назначения для гиперссылки может быть элементом в документе HTML. Якорю назначения должно быть дано имя, и любой URI, адресующий этот якорь, должен включать это имя как идентификатор фрагмента.

Якоря назначения в документах HTML могут быть специфицированы элементом A (атрибутом name) или любым другим элементом (атрибутом id).

Так, например, автор может создать оглавление, вхождения которого связаны с элементами H2, H3 и т.д. в этом же документе. Используя элемент A для создания якоря назначения, мы могли бы написать:

<H1>Оглавление</H1><P><A href="#section1">Введение</A><BR><A href="#section2">Фон</A><BR><A href="#section2.1">Несколько заметок</A><BR>...остальная часть оглавления......тело документа...<H2><A name="section1">Введение</A></H2>...раздел 1...<H2><A name="section2">Фон</A></H2>...раздел 2...<H3><A name="section2.1">Несколько заметок</A></H3>...раздел 2.1...

Того же эффекта можно достичь, сделав элементы-заголовки якорями:


Дата добавления: 2015-10-02; просмотров: 69 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Визуальное представление списков| Другие соотношения гиперссылок

mybiblioteka.su - 2015-2024 год. (0.006 сек.)