| Главная « HTML - язык гипертекста « Гиперссылка: элемент A |  |
 |
Единое информационное пространство… |
Гиперссылки — наиболее заметное отличие текстового содержания сайтов от печатных изданий. Благодаря гиперссылкам все существующие сайты связаны в единое информационное пространство, которое по праву называется Всемирной Паутиной (World Wide Web, WWW).
Чтобы превратить текст в гиперссылку, нужно заключить его в элемент A с атрибутом HREF. Значение этого атрибута — адрес (URL) того ресурса, к которому ведет ссылка.
Существует несколько видов адресов (префиксов адресов) поддерживаемых программами просмотра, например, следующие:
-
<A HREF="http://:"> - ссылка на другой ресурс WWW;
-
<A HREF="ftp://:"> - ссылка на FTP сервер;
-
<A HREF="mailto::"> - данная ссылка откроет установленную у пользователя по умолчанию почтовую программу (почтовый клиент).
В современных графических браузерах гиперссылки по умолчанию отображаются с подчеркиванием, а также выделяются ярко-синим цветом. Если подвести к гиперссылке указатель мыши, он превращается в «указующий перст». В таком состоянии можно щелкнуть мышью, чтобы переместиться к другому ресурсу.
 |
Ссылки должны быть подчеркнутыми. Когда они подчеркнуты, то пользователь сразу видит, что на странице является ссылками, а что — нет. Если нарушать это правило, то пользователь потратит лишнее время, работая с вебстраницей. Еще хуже, если на странице подчеркнут текст, не являющийся ссылкой: многие пользователи попробуют щелкнуть по нему — и обманутся. |
Иногда ссылку бывает полезно сопроводить описанием или аннотацией. Например, ссылку на текст статьи хорошо дополнить аннотацией этой статьи. Аннотацию лучше написать заново, а не использовать для нее фрагмент самой статьи. И не нужно делать ссылкой саму эту аннотацию — достаточно, чтобы ссылкой был заголовок статьи.
Всегда подчеркивайте ссылки. Неподчеркнутые ссылки — это дурной тон, свойственный в основном начинающим разработчикам, которые не разбираются в удобстве и доступности сайтов. Если ссылки не подчеркнуты, пользователь не может сразу определить, что на странице является ссылкой, а что — нет, по какому тексту можно щелкнуть мышью, а по какому — нельзя.
Посещенные ссылки должны отличаться по цветовому оформлению от непосещенных. Это позволит пользователю не путаться в том, какие страницы он уже посетил, а какие — еще нет.
Для ссылок лучше всего использовать оттенки стандартных цветов: синий — для непосещенных, бордовый — для посещенных. Не обязательна! применять те же самые оттенки, которые установлены в браузере умолчанию; подберите такие оттенки синего и бордового, чтобы удачно сочетались с остальными цветами сайта, а также чтобы посещенные ссылки выглядели бледнее, чем непосещенные.
С помощью атрибута title ссылку можно снабдить дополнительным текстом, который в большинстве браузеров отображается в виде всплывающей подсказки при наведении указателя мыши на ссылку.
Не создавайте навигацию с использованием JavaScript, Flash, ActiveX, апплетов и других модных технологий. Каждая из таких технологий дает прекрасные результаты в своей области применения, но для навигации обычный HTML подходит лучше их всех, вместе взятых.
|
JavaScript позволяет изменять текст в строке состояния (обычно слева в нижней части окна браузера). Начинающие разработчики злоупотребляют этой возможностью, так что при наведении на ссылку в строке состояния отображается не адрес, на который она ведет, а посторонний текст, не несущий пользователю никакой полезной информации. |
Не подменяйте текст в строке состояния. Для многих пользователей он несет важную информацию о назначении ссылки. Иногда именно адрес в строке состояния позволяет пользователю решить, нужно ли щелкать по этой ссылке.
|
Параметр target… |
По умолчанию гиперссылка открывается в том же окне браузера, что и содержащая ее страничка. В общем-то, это считается правилом хорошего дизайнерского тона, потому что пользователь всегда может принудительно открыть ссылку в новом окне.
|
В IE для этого нужно просто щелкнуть по ссылке, удерживая нажатой клавишу Shift; кроме того, практически во всех браузерах по щелчку правой кнопкой мыши по ссылке открывается контекстное меню, в котором есть функция «открыть в новом окне» |
Тем не менее бывают ситуации, когда независимо от действий пользователя ссылку нужно обязательно открыть в новом окне. Для этого существует специальный параметр target, который и задает окно для открытия ссылки.
Для target предусмотрены следующие значения:
-
_blank - ссылка открывается в новом окне;
-
_self - ссылка открывается в текущем окне или фрейме;
-
_parent - ссылка открывается в порождающем фрейме;
-
_top - ссылка открывается в верхнем фрейме.
