29.09.10 
Постараемся разобраться, что же такое ссылка, ее составные, и какими атрибутами она может обладать, и как при помощи столь простой вещи можно заметно повысить юзабилити (это вовсе не матерное слово, а понятие, которое характеризирует простоту взаимодействия пользователя с сайтом) своего ресурса в Интернете.
Любая ссылка, как вам известно, состоит из открывающего <a> и закрывающего тегов </a>. А текст, который располагается меж открывающим - закрывающим тегом <a>, зовется анкор (текст ссылки).
Ссылкам вообще могут быть присвоены разные атрибуты. По своей сути, атрибуты указывают на то место, куда идёт ссылка (куда ссылается), и то, как она открывается. В новом или том же окне, в определённом месте текста или в начале страницы. Атрибуты ссылок должны прописываться в самом теле открывающего тега и разделяются пробелом.
Основной атрибут
Основным атрибутом, по праву можно назвать атрибут href ( href=” “ ), который, и задаёт адрес, по которому будет производится переход. Именно сей атрибут дает тегу <a> возможность работать как ссылка.
Это имеет такой вид: <a href=”URL адрес, куда будет перенаправится пользователь “>
здесь вставляется текст ссылки (собственно - анкор) </a>
К примеру: <a href=”http://ваш_сайт.ru/“ > Мой классный блог </a>
Атрибут для вывода ссылки в новом окне
Вторым по значимости атрибутом, наверное, нужно считать target ( target =” “ ). Использовав этот атрибут, вы настроите условия открывания ссылки. Делается это так – следует в кавычках вписать имя окна. Существует ряд так званых зарезервированных имён.
К примеру: target =” _blank“ будет открывать ссылку в новом окне. В примере это будет выглядеть примерно так:
<a href=”http://ваш_сайт.ru/“ target =” _blank“ > Просто классный Блог </a>
Это очень практично, ведь пользователь, перейдя по ссылке, не покинет при этом ваш сайт, ведь его перенаправит в друге окно.
Но, не нужно слишком увлекаться подобными ссылками из-за того, что если переусердствовать с ними, может выйти так, что через некоторый промежуток времени после многих переходов окно браузера пользователя будет забито вкладками и окнами. Теперь перейдём к следующему имени окна target =” _self“. Использовав его, вы будете знать, что ссылка откроется в том же окне. Пример ниже:
<a href=”http://ваш_сайт.ru/“ target =” _self “ > Жать сюда </a>
Атрибут заголовка ссылки
Да, такой заголовок может иметь не только статья, но и ссылка так же. Очень к стати этот атрибут будет, если в качестве анкора используется изображение. Примерно так title=”заголовок ссылки”. Применив его, вы сможете наблюдать заголовок при наведении курсор на ссылку. Вот как это выглядит в примере:
<a title=”в новом окне вы попадете на эту же страницу” href=”http://ваш_сайт.ru/“ target =” _blank“> Блог обо мне</a>
Изображение в виде ссылки
Очень популярно делать в качестве анкора ссылки не текст, а изображение. Сделать это довольно просто. Нужно после открывающего <a> и перед закрывающим тегами </a>. поместить следующий код:
<img src= “путь к вашему изображению”>
Например:
<a title=” в новом окне вы посетите RSS рассылку” href=” http://feeds.feedburner.com/ваш_фид “ target =” _blank“ ><img src= “http://ваш_сайт.ru/rssimages/1.png”></a>
Оставить комментарий