Информационный сайт




HTML ссылка

ссылка html
В этой статье будет рассмотрено, что такое HTML-ссылка, основные свойства и атрибуты. HTML Ссылка – это один из самых часто используемых тегов HTML. Именно благодаря ссылкам происходит связь страниц и разделов сайта друг с другом и пользователям не приходится вручную вбивать нужный им URL в адресную строку браузера.

Как сделать ссылку в html

ссылка html
Конструкция тега ссылки в общем виде выглядит примерно так – «a атрибуты» текст ссылки «a» (а – это и есть сам тег). Характерный пример – «a href=”site.ru”» наш сайт «a». В данном случае в качестве текста или анкора используется словосочетание «наш сайт». Именно эту фразу пользователи увидят на веб-странице. И именно после нажатия на нее произойдет переход по URL-адресу, указанному в атрибуте href (site.ru). Без атрибута href ссылка попросту не будет работать, поэтому его считают обязательным.

HTML ссылка в новой вкладке

ссылка html
Существуют и другие атрибуты, наличие или отсутствие которых может повлиять на SEO-параметры ссылки, ее внешний вид, способ открытия и т.д. К примеру, target. Данный атрибут отвечает за то, как именно будет открываться документ, на который ведет ссылка. Самое часто встречаемое значение target=”_blank” говорит браузеру о том, что документ следует открыть в новой вкладке. Значение target=”_self” открывает документ в текущей вкладке (заменяя собой уже открытую страницу). Значение target=”_parent” открывает документ в родительском фрейме.

Виды ссылок html

ссылка html
Еще один интересный атрибут ссылки – rel. Он позволяет выбирать, индексировать или нет тот документ, на который ведет данная ссылка. По умолчанию индексация включена (поисковый робот перейдет по представленному URL-адресу). Если же установить значение rel=”nofollow”, то индексации документа не произойдет. Такой прием часто используется, если веб-мастер не хочет передавать ссылочный вес своего сайта на другие ресурсы.

Ссылка может вести не только на какую-либо веб-страницу или документ (ZIP-архив, изображение, PDF и т.д.), но и на адрес электронной почты. Характерный пример такой ссылки – «a href=”mailto:admin@mysite.ru”» admin@mysite.ru «a». В качестве анкора (текста ссылки) может быть любое слово, но чаще всего используют непосредственный email-адрес. В атрибуте href вместо традиционного URL используется конструкция mailto, благодаря которой при нажатии на ссылку происходит запуск основного почтового клиента на компьютере пользователя.

CSS ссылки

ссылка html
У ссылки могут быть и другие атрибуты, свойственные всем остальным HTML-тегам. К примеру, id, class, style, title. Первые два атрибута обычно используются для того, чтобы через CSS-файл применить к ссылке определенный стиль. Атрибут style позволяет задать стиль непосредственно в теле тега. К примеру, style=”color:red;”. Атрибут title задает ссылке название (так называемую всплывающую подсказку). Обычно это название совпадает либо с анкором, либо с URL.

Через CSS можно задавать отдельные стили для псевдоклассов ссылок. Значение a:visited{} позволяет указать стили для всех ссылок, которые нажимались пользователем в недавнее время. Значение a:link{} задает стили для ссылок, которые еще не нажимались. Значение a.hover{} задает стили для ссылок, на которые наведен курсор мыши. Значение a.active{} задает стили для ссылок в момент нажатия на них. Подобное стилистическое разделение позволяет упростить навигацию и улучшить юзабилити сайта.
TEXT.RU - 100.00%

Автор: Tatjana Rodionovskaja






Яндекс.Метрика