В этой статье будет рассмотрено, что такое HTML-ссылка, основные свойства и атрибуты.
HTML Ссылка – это один из самых часто используемых тегов HTML.
Именно благодаря ссылкам происходит связь страниц и разделов сайта друг с другом и пользователям не приходится вручную вбивать нужный им URL в адресную строку браузера.
Как сделать ссылку в html
Конструкция тега ссылки в общем виде выглядит примерно так –
«a атрибуты» текст ссылки «a» (а – это и есть сам тег). Характерный пример – «a href=”site.ru”» наш сайт «a». В данном случае в качестве текста или анкора используется словосочетание «наш сайт». Именно эту фразу пользователи увидят на веб-странице. И именно после нажатия на нее произойдет переход по URL-адресу, указанному в атрибуте href (site.ru). Без атрибута href ссылка попросту не будет работать, поэтому его считают обязательным.
HTML ссылка в новой вкладке
Существуют и другие атрибуты, наличие или отсутствие которых может повлиять на
SEO-параметры ссылки, ее внешний вид, способ открытия и т.д. К примеру, target.
Данный атрибут отвечает за то, как именно будет открываться документ,
на который ведет ссылка. Самое часто встречаемое значение target=”_blank” говорит
браузеру о том, что документ следует открыть в новой вкладке.
Значение target=”_self” открывает документ в текущей вкладке
(заменяя собой уже открытую страницу). Значение target=”_parent”
открывает документ в родительском фрейме.
Виды ссылок html
Еще один интересный атрибут ссылки – rel. Он позволяет выбирать,
индексировать или нет тот документ, на который ведет данная ссылка.
По умолчанию индексация включена (поисковый робот перейдет по представленному
URL-адресу).
Если же установить значение rel=”nofollow”, то индексации документа не произойдет.
Такой прием часто используется, если веб-мастер не хочет передавать ссылочный вес
своего сайта на другие ресурсы.
Ссылка может вести не только на какую-либо веб-страницу или документ
(ZIP-архив, изображение, PDF и т.д.), но и на адрес электронной почты.
Характерный пример такой ссылки – «a href=”mailto:admin@mysite.ru”»
admin@mysite.ru «a».
В качестве анкора (текста ссылки) может быть любое слово,
но чаще всего используют непосредственный email-адрес.
В атрибуте href вместо традиционного URL используется конструкция mailto,
благодаря которой при нажатии на ссылку происходит запуск основного почтового
клиента на компьютере пользователя.
CSS ссылки
У ссылки могут быть и другие атрибуты, свойственные всем остальным HTML-тегам.
К примеру, id, class, style, title. Первые два атрибута обычно используются для
того, чтобы через CSS-файл применить к ссылке определенный стиль.
Атрибут style позволяет задать стиль непосредственно в теле тега.
К примеру, style=”color:red;”. Атрибут title задает ссылке название
(так называемую всплывающую подсказку). Обычно это название совпадает
либо с анкором, либо с URL.
Через CSS можно задавать отдельные стили для псевдоклассов ссылок.
Значение a:visited{} позволяет указать стили для всех ссылок,
которые нажимались пользователем в недавнее время.
Значение a:link{} задает стили для ссылок, которые еще не нажимались.
Значение a.hover{} задает стили для ссылок, на которые наведен курсор мыши.
Значение a.active{} задает стили для ссылок в момент нажатия на них.
Подобное стилистическое разделение позволяет упростить навигацию и улучшить
юзабилити сайта.
