Гиперссылки есть основа сети Интернет, потому что именно они обеспечивают перемещение от сайта к сайту, в котором и заключается основное отличие среды Интернет от других сред (прессы, телевидения, радио). Давайте подробнее остановимся на том, какие бывают ссылки и как они задаются с помощью HTML.

В браузере эта строка будет выглядеть так, как показано на рис. 1.5.

Ясно, что ссылка формируется тегами <ах/а>. Рассмотрим наиболее важные атрибуты элемента <а>.

Обозначает имя якоря.

Якорь — это метка на странице, куда попадет посетитель, нажав на ссылку.

Звучит достаточно непонятно, так что рассмотрим реальный пример. Допустим, на вашей странице размещена повесть, состоящая из трех глав. Для быстрого перехода по главам надо написать такой код:

<А HREF="#chapterl">rnaBa 1</A> <А HREF="#chapter2">rnaBa 2</А> <А HREF="#chapter3">rnaBa 3</A> <НЗ><А NAME="chapterl">rnaBa 1. Название первой главы</А></НЗ>

... текст первой главы

<НЗ><А NAME="chapter2">rnaBa 2. Название второй главы</А></НЗ>

... текст второй главы

<НЗ><А НАМЕ="сЬар1егЗ">Глава 3. Название третьей главы</АХ/НЗ>

... текст третьей главы

Тогда нажимая на ссылку Глава 2, посетитель попадет точно на начало второй главы, потому что именно там расположен якорь с именем chapter2. Обратите внимание, что ссылка на якорь формируется из знака #, вслед за которым следует имя якоря.

Вообще, многие веб-разработчики считают использование якоря дурным тоном, потому что посетитель может и сам прокрутить страницу вниз до нужного ему места. К тому же при нажатии кнопки Назад в браузере посетитель попадет не на предыдущую страницу, а на предыдущий якорь, что сбивает с толку. Надо признать, что для небольших документов использование якорей действительно неоправданно, однако для объемных и хорошо структурированных документов якоря необходимы.

Данный атрибут служит для формирования ссылки, т. е. он содержит путь к документу, на который необходимо сделать ссылку. Надо сказать, что кроме HTML-страниц можно делать ссылки и на другие объекты, в частности на графические файлы. Например:

<А НКЕР'="1тд/турЬо1о^рд">моя фотография</А>

При нажатии на эту ссылку в окно браузера загрузится файл myphoto.jpg.

О TITLE

Этот атрибут устанавливает заголовок ссылки, что-то типа атрибута alt для элемента <img>. В атрибуте title должна указываться информация о природе ссылки. Делается это для того, чтобы посетитель ясно себе представлял, куда попадет, нажав на ссылку, Вообще информация подобного • рода очень важна, потому что посетители сайта неохотно нажимают на ссылку, если слабо представляют, куда она ведет. Так что делать описания ссылок с помощью атрибута title является хорошей практикой. Вот типичный пример:

Посмотреть на наши работы можно <А HREF="http://www.artel.by" 1;:111е="официальный сайт компании Дизайн Артель ">здесь</А>.

О TARGET

Указывает, как будет открываться ресурс по данной ссылке. Можно сделать, чтобы он открывался в новом окне браузера. Для этого надо установить данному атрибуту значение _biank:

<A HREF="http:7/www.w3.org" TARGET°"_blank">canT консорциума W3C</A>

Это все атрибуты элемента <а>, так что двинемся дальше. Все ссылки можно разделить на две группы: относительные и абсолютные. Пример абсолютной ссылки:

<A HREF="http://www.w3.org/index.html">W3</A>,

т. е. в атрибуте href указывается полный URI, так что данная ссылка будет работать на любой странице любого сайта.

Пример относительной ссылки:

<A HREF?="index.html">W3</A>

т. е. в атрибуте href указывается сокращенный URI, который задается относительно той страницы, на которой находится данная ссылка. В приведенном примере страница index.html должна находиться в том же каталоге на том же сервере, что и страница, содержащая эту относительную ссылку на файл index.html.